bonjour,
je débute sur javascript et je suis actuellement en train de concevoir mon site.je bute sur un probleme .

Je veux concevoir une galerie d'image avec des thumbs et une image mini, celle-ci changeant au survol des thumbs. de plus quand on clique sur la mini, je veux l'ouverture d'une lightbox avec l'image en grand.
Après des recherches, j'ai trouvé une fonction pour le survol:

(var ChangeImage = function ChangeImage(Url)
{ document.getElementById(\'bloc_photo1\').innerHTML = \'<img src="\'+Url+\'" />\'; }
a appliquer sur les thums(onmouseover)

ainsi que pour la lightbox :
function openbox(url)
{ var box = document.getElementById('box');
document.getElementById('filter').style.display='block';

var content = document.getElementById('boxcontent');
content.style.padding="0";
content.innerHTML = "<img src=" + url + " />";
box.style.display='block'; }
a appliquer sur la mini(onclick)

le problème est que séparément chaque fonction est OK mais pas ensemble .

Question : y a t-il conflit ou pas et est ce possible de m'aider ?

merci.
Bonjour,
J'ai fait la même chose que ce que vous cherchez.
est-ce ceci ?
www.laboiteaplume.fr/naissance.html

si c'est le cas je peux vous aider. bien que je cherche à simplifier le code et que j'ai moi-même posté une question pour l'instant sans réponse.

A bientôt,
Modifié par moss (04 Feb 2014 - 17:55)
<bonjour Moss,

mon idée est un peu différente par rapport ton site.
pour mieux m'exprimer j' ai 3 tailles d'images :
les micros sous forme de liste ( comme tes minis) mais avec effet par passage souris pour changer les minis.

les minis dont une seule est apparente (comme ton image principale) la aussi effet mais différent.

les grandes invisibles et apparaissant dans une boite sous l'effet d'un clic sur la mini visible.

je te remercie pour ta réponse et a bientôt.
Bonjour,
Du coup si j'ai bien compris,

une image "micro" qui fait apparaitre une mini au passage de la souris
une image "mini" qui fait apparaitre une galerie quand on clique dessus.
C'est ca ?