Je suis en train de mettre en place sur mon site cette galerie
Mon problème survient lorsque j'essaye de la modifier...
Ce que je souhaite faire:
rajouter un onclick sur la grande image qui ouvre une popup avec la photo en très grand...
Ce que 'jai déja fait pour y parvenir:
j'ai rajouter un onClick vide dans l'img big_pict...
et rajouter ceci dans la fonction javascript:
Code : Tout sélectionner
big_photo.onClick = 'zoom('+this.href+')';Je met donc le tout en résumé:
Code : Tout sélectionner
<script type="text/javascript">
<!--
function zoom(href){
alert("ouais ça marche\nurl de la photo:"+href);
}
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
for (var i = 0 ; i < liens.length ; ++i) {
liens[i].onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
return false;
};
}
big_photo.onClick = 'zoom('+this.href+')';
}
window.onload = displayPics;
-->
</script>
<div id="galerie">
<ul id="galerie_mini">
<li><a href="/islande/images/dotclear_pw.png" title="Titre de la photo 9"><img src="/islande/images/ dotclear_pw.TN__.png" alt="Le titre de la photo 9" /></a></li>
</ul>
<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img id="big_pict" src="/islande/images/dotclear_pw.png" alt="Photo 1 en taille normale" onClick="" /></dd>
</dl>
</div>merci d'avance