bonjour
petit souci
j'ai unfichier javascript pour un prgm de gallerie mais les photos qu'il doit utiliser sont dans une image (c'est en fait comme un rouleau de pelliculeavec les images dedans) . avec dreamweaver j'ai fait une zone graphique mais ca ne marche pas prend ni la photo ni ses titres.
[ htlm]
<div id="droite" class="centre2">
<dt>Libération 2003</dt>
</div>
<div id="droite2" class="centre2">
<dt>Peter Gabriel</dt>
</div>
<div id="centre" class="centre">
<dd> <img id="big_pict" src="photo12cm/01petergabriel2003libe.jpg" alt="Photo 1 en taille normale" /></dd>
<br />
</div>
<div id="gallerie" class="gallerie">
<img src="der.jpg" width="2149" height="99" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,14,81,84" href="photo12cm/01petergabriel2003libe.jpg">
<area shape="rect" coords="83,13,157,84" href="photo12cm/02pierrehantai2003lemonde.jpg">
</map>
</div>
</div>
[ /htlm]
[ java]
function displayPics()
{
var photos = document.getElementById('gallerie') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;
var titre_photo = document.getElementById('droite2').getElementsByTagName('dt')[0] ;
var titre_photo2 = document.getElementById('droite').getElementsByTagName('dt')[0] ;
for (var i = 0 ; i < liens.length ; ++i) {
liens.onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
titre_photo2.firstChild.nodeValue = this.title2;
return false;
};
}
}
window.onload = displayPics;
[ /java]
petit souci
j'ai unfichier javascript pour un prgm de gallerie mais les photos qu'il doit utiliser sont dans une image (c'est en fait comme un rouleau de pelliculeavec les images dedans) . avec dreamweaver j'ai fait une zone graphique mais ca ne marche pas prend ni la photo ni ses titres.
[ htlm]
<div id="droite" class="centre2">
<dt>Libération 2003</dt>
</div>
<div id="droite2" class="centre2">
<dt>Peter Gabriel</dt>
</div>
<div id="centre" class="centre">
<dd> <img id="big_pict" src="photo12cm/01petergabriel2003libe.jpg" alt="Photo 1 en taille normale" /></dd>
<br />
</div>
<div id="gallerie" class="gallerie">
<img src="der.jpg" width="2149" height="99" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="11,14,81,84" href="photo12cm/01petergabriel2003libe.jpg">
<area shape="rect" coords="83,13,157,84" href="photo12cm/02pierrehantai2003lemonde.jpg">
</map>
</div>
</div>
[ /htlm]
[ java]
function displayPics()
{
var photos = document.getElementById('gallerie') ;
var liens = photos.getElementsByTagName('a') ;
var big_photo = document.getElementById('big_pict') ;
var titre_photo = document.getElementById('droite2').getElementsByTagName('dt')[0] ;
var titre_photo2 = document.getElementById('droite').getElementsByTagName('dt')[0] ;
for (var i = 0 ; i < liens.length ; ++i) {
liens.onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
titre_photo2.firstChild.nodeValue = this.title2;
return false;
};
}
}
window.onload = displayPics;
[ /java]