JAVASCRIPT afficher une image

Question

tout d'abord Bonjour!
mon problème est le suivant:
au sein d'une page html, j'ai affiché des images en miniatures. Ainsi, je souhaiterai lors d'un onClick sur l'une de ces photos, qu'elle apparaisse sur l'autre moitié de la page html, tout cela sans frame set, ou pop up.. mais seulement par exemple en allouant à une partie de la page un cadre avec un nom donné, qui afficherait une image A, lorsqu'on clique sur l'image en miniature A.

Merci d'avance pour votre réponse.

gawaljamal · Accepted Answer

le script de maniT4c fonctionne très bien si on corrige la petite erreur d'orthographe dans le javascript:
"getElementByTagName" avec un "T" majuscule à Tag. Et une "}" à la fin de la fonction.

remy76 · Answer

Tu trouveras ton bonheur ici :

https://htmlhelp.com/fr/faq/html/frames.html

maniT4c · Answer

Il ne veut pas utiliser de cadre donc je ne pense pas que le lien soit pertinent :) Voici une méthode pour faire ce que tu veux faire. Il faut que ta page contienne toutes tes images (les miniatures et les grandes images) mais les grandes images doivent être invisible. Il faut ensuite que chacune de tes miniatures lance une fonction lorsdqu'on clic dessus. Cette fonction aura pour effet dans un premier temps de rendre toutes les grandes images invisibles puis de n'afficher que la grande image voulu. JE n'ai pas tester le code suivant mais c'est ce que je ferait je pense: Voici la parti html:

et la fonction javascript a mettre dans le head: function affichImage(idImage) { conteneur=document.getElementById('conteneurImg'); myArray= conteneur.getElementsBytagName('img'); for (i=0;i

Utilisateur anonyme · Answer

c'est aussi faisable en php avec pour exemple : http://vdumontier.free.fr/projet-multi/galerie.php en gros tes miniature tu en fais des liens avec une variable differente dans l'url -> photo=1 ou photo=2 etc. du coter php du récupere comme cela aide-ccm

"; ?>

Galerie Retour

Khazad · Answer

On ne pourrait pas utiliser l'attribut onClick sur la miniature en appliquant une fonction qui aurait pour effet de changer la source de la grande image ?

Pour changer la source on pourrait faire un document.grande_image.src

Noïra · Answer

Bonjour,

Pour afficher une Image la méthode maniT4c fonctionne très bien, mais savez-vous comment faire pour l'appliquer à une vidéo ? La fonction display n'a pas l'air d'être prise en compte. SVP aidez-moi ça fait plusieurs jours que je bloque sur ça.

Asgive · Answer

Je sais que j'arrive un peu tard. Mais j'ai réutiliser ce script et j'ai un problème. La première image disparait quand je clique sur la deuxième ou la troisième. Mais les autres restent toujours affichée une fois que j'ai cliqué dessus.

BL-image · Answer

La méthode de manit4c ne fonctionne pas chez moi avec google chrome?

function affichImage(idImage) { conteneur=document.getElementById('conteneurimg'); myArray= conteneur.getElementsByTagName('img'); for (i=0;i Merci d'avance pour votre aide.

JAVASCRIPT afficher une image

8 réponses

Discussions similaires

Newsletters