Discussion :

[mcvovol]

Bonjour / bonsoir ami(e)s codeu(rs/ses)

Je viens vers vous afin d'ajouter un peu de lumière a ma lampe bien sèche.

Depuis pas mal de temps je cherche a faire mon CV en ligne sur une page perso. (je ne sais pas si donner son nom/prénom en ligne est une bonne chose) Bref.

En faisant mon CV, je me suis dis qu il serait original de faire un genre de slideshow qui réagirait au clic de la victime personne qui consulterai mon CV.

Un croquis valant parfois mieux que mille mot au carré



Ce que j'aimerai donc c'est qu'en cliquant sur un drapeau les autres se décalent vers la droite pour laisser apparaître un texte.

Si l'image est a droite alors les deux autres drapeaux se décaleront vers la gauche pour laisser apparaître un texte a gauche du drapeau

Les drapeaux sont un exemple car j'aimerai pouvoir porter le projet a toutes les caractéristiques de mon CV

Je pense que pour certaines catégories, il faudrait étendre les vignettes a 4 pour plus de simplicité. Bien que 3 si la surface du rectangle est 600/150 cela serait parfait.

Il faudra juste que je trouve un bon ratio largeur/longueur pour pas que cela rendent crassou...

Concernant le procédé, j'ai fait plusieurs recherche et il semblerait que le slide de jQuerry soit une piste mais je n'ai pas réussi a mettre en place le fameux Kwicks

Auriez vous des pistes a me proposer.

Au besoin je peux vous donner l'adresse de mon CV mais vu que c'est que du texte sans de mise en forme cela ne vous aidera pas trop.

J'aimerai toute fois pouvoir adapter le slider dans une cellule d'un tableau car je trouve que c'est plus simple pour orienter son site. Bien que pas forcement plus fiable avec le HTML5

Merci de votre aide et a très vite.

Bien formatiquement

mcvovol

[Darkaurora]

Bonjour un exemple grossier pour montrer l'animation avec jquery: https://jsfiddle.net/krvjgc02/

Bien garder à l'esprit qu'une animation est simplement la modification de propriété css dans le temps.