Changer d'image quand on clique dessus

Fermé
CORALIE241 Messages postés 10 Date d'inscription mercredi 20 mai 2015 Statut Membre Dernière intervention 9 avril 2016 - 20 mai 2015 à 15:03
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 22 mai 2015 à 17:37
Bonjour à tous,
Je suis actuellement en train de créer un site Internet grace à l'outil JIMDO et je souhaite intégrer à une page des image vignettes qui, lorsqu'on clique dessus changent. De plus je souhaiterai que lorsque une de ces images s'ouvrent elle soit si possible en pleine page.

Je tiens à préciser que je n'y connait rien en code.. J'ai chercher de quelle manière intégrer le code source d'une image mais je n'ai aucune idée d'où trouver le code source des images jpg stockées sur mon ordinateur..
Bref je suis perdue.. HELP!

Merci d'avance!
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
21 mai 2015 à 01:07
Salut
tu 2 choix
soit apprendre le html / css / jquery et faire ce que tu veux
soit utiliser un outil jimdo
https://help.jimdo.com/hc/fr/articles/115005504883/

car ce que tu demande se fait en html / css / jquery donc tu seras vite perdue si tu n'as pas de connaissances de base a ce niveau
0
CORALIE241 Messages postés 10 Date d'inscription mercredi 20 mai 2015 Statut Membre Dernière intervention 9 avril 2016
21 mai 2015 à 11:14
Bonjour,

Merci de répondre à mon message!
J'ai bien compris le problème et en effet il me semble compliqué de faire ce que je souhaite simplement avec l'outil galerie de Jimdo puisque l'outil galerie d'images propose en effet un agrandissement des images présentées en vignettes mais pas de changement d'état de l'image lors de son agrandissement ( je ne sais pas si je suis très claire)..

Aprés avoir parcouru différents forums sur le web j'ai trouvé des manipulations qui me paraissaient "relativement simple". Le seul problème pour ce code ci par exemple c'est que je ne sais pas ou trouver le code source de mon image ni même comment l'intégrer.. J'imagine qu'il faut remplacer photo1.jpg et photo2.jpg par le nom? l'emplacement du fichier?

<img src="photo1.jpg" alt="" onclick="this.src='photo2.jpg'" />

J'ai pu lire sur des forums qu'on peut trouver le code source en ouvrant notre image dans le bloc note mais impossible pour moi de déceler le bon code parmis une suite de signe particulièrement comment dire.. incompréhensible.. :/

Bref, je suis dans la panade^^
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 21/05/2015 à 14:09
bon voici un code source d'une gallerie d'image jimdo



<a rel="lightbox[8461874997]" href="javascript:" data-href="https://image.jimcdn.com/app/cms/image/transf/none/path/s78775c812e21b48b/image/i220f4c9035fac412/version/1391495147/image.jpg">
<img src="https://image.jimcdn.com/app/cms/image/transf/dimension=150x150:mode=crop:format=jpg/path/s78775c812e21b48b/image/i220f4c9035fac412/version/1391495147/image.jpg" data-orig-width="1280" data-orig-height="960" alt="" title="">


data-href=" ....." c'est l'image qui s'affiche après avoir cliqué
donc fais une gallerie d'image regarde le code source
ensuite avec un ftp si c'est possible sur l'hebergement jimdo remplace image.jpg par celle que tu veux

pas testé donc je ne sais pas si ca va marcher
0
CORALIE241 Messages postés 10 Date d'inscription mercredi 20 mai 2015 Statut Membre Dernière intervention 9 avril 2016 > animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019
21 mai 2015 à 14:30
Je viens de tester le code sur Jimdo! (et on avance :) )

J'ai réussi à changer l'image par celle que je souhaite celle ci est cliquable mais quand je clique dessus ma seconde image n'apparaît pas rien ne se passe j'ai juste la petite main qui apparaît mais ma deuxième image n'apparaît pas..
J'ai peu être oublié quelque chose??

Merci
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
21 mai 2015 à 14:48
Bon on dirait que jimdo n'ai pas d'accès FTP, en fait jimdo c'est très limité donc meme avec le widget html pas sur que ce soit possible de faire ce que tu veux
le mieux est de poser la question sur le forum jimdo
https://www.jimdoforum.fr/
0
CORALIE241 Messages postés 10 Date d'inscription mercredi 20 mai 2015 Statut Membre Dernière intervention 9 avril 2016
21 mai 2015 à 15:05
Je vais me renseigner.

Cependant j'ai continuer à chercher et j'ai trouvé un code qui fonctionne
<img src="im1.jpg" onclick= "this.src='im2.jpg'" alt="" />

Le seul soucis c'est que ce code fonctionne que dans un sens j'entends par la qu'une fois que mon image a été cliqué et que la seconde apparaît je ne peux pas revenir sur la première.

Que dois-je rajouter au code pour intégrer cette manipulation supplémentaire. Merci.
0