Bonjour
Grande débutante
...
La photo en taille normale s'ouvre dans une nouvelle fenêtre.
Je suppose que le fichier Js ne fonctionne pas, ou est-ce Ie avec un probleme de securite, ou ma codification?
Merci...
Voici mon code source
Mon: css
Et le fichier script.js
[/i]
Modifié par myrtille91 (18 Jan 2006 - 18:05)
Grande débutante
...La photo en taille normale s'ouvre dans une nouvelle fenêtre.
Je suppose que le fichier Js ne fonctionne pas, ou est-ce Ie avec un probleme de securite, ou ma codification?
Merci...
Voici mon code source
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head><meta content="text/html; charset=ISO-8859-15"
http-equiv="content-type" /><title>galerie photos
amis</title> <meta content="Myrtille" name="author" /><link
media="screen" rel="stylesheet"
href="file:///C:/Documents%20and%20Settings/Myrtille/Mes%20documents/ontheroad/style/galerie.css"
type="text/css" />
<script type="text/javascript"
src="../ontheroad/scripts/script.js"></script></head><body
style="direction: ltr;"><div id="galerie"><ul
id="galerie_mini"><li><a
href="../img/galerie/B-Florence.png"
title="Florence à Navarrenx"><img
src="../img/galerie/A-Florence.png" alt="Florence à Navarrenx" /></a></li><li><a
href="../img/galerie/B-Ostabat.png"
title="Pique-Nique à Ostabat avec Bénédicte, Emile et Florence"><img
src="../img/galerie/A-Ostabat.png"
alt="Pique-Nique à Ostabat avec Bénédicte, Emile et Florence" /></a></li><li><a
href="../img/galerie/B-tournesol.png" title="Tournesol amical"><img
src="../img/galerie/A-tournesol.png" alt="Tournesol amical" /></a></li><li><a
href="../img/galerie/B-Edouard.png"
title="Edouard regarde l'éclipse"><img
src="../img/galerie/A-Edouard.png"
alt="Edouard regarde l'éclipse" /></a></li><li><a
href="../img/galerie/B-Giovanni.png"
title="Giovanni, un guide de montagne italien"><img
src="../img/galerie/A-Giovanni.png"
alt="Giovanni, un guide de montagne italien" /></a></li><li><a
href="../img/galerie/B-pelerin-san-marcos.png"
title="Un pélerin sur la place San Marcos à Léon"><img
src="../img/galerie/A-pelerin-san-marcos.png"
alt="Un pélerin sur la place San Marcos à Léon" /></a></li><li><a
href="../img/galerie/B-Ulli.png" title="Ulli"><img
src="../img/galerie/A-Ulli.png" alt="Ulli" /></a></li><li><a
href="../img/galerie/B-Nelson.png"
title="Nelson, un ami bresilien"><img
src="../img/galerie/A-Nelson.png" alt="Nelson, un ami bresilien" /></a></li><li><a
href="../img/galerie/B-Juan.png"
title="Avec Juan, un sculpteur chilien à Molinaseca"><img
src="../img/galerie/A-Juan.png"
alt="Avec Juan, un sculpteur chilien à Molinaseca" /></a></li></ul>
<dl id="photo"><dt>Florence à Navarrenx</dt>
<dd><img id="big_pict"
src="../img/galerie/B-Florence.png" alt="Florence à Navarrenx" /></dd></dl><dl
id="photo"><dt>Pique-Nique à Ostabat avec
Bénédicte, Emile et Florence</dt>
<dd><img id="big_pict"
src="../img/galerie/B-Ostabat.png"
alt="Pique-Nique à Ostabat avec Bénédicte, Emile et Florence" /></dd></dl><dl
id="photo"><dt>Tournesol amical</dt>
<dd><img id="big_pict"
src="../img/galerie/B-tournesol.png" alt="Tournesol amical" /></dd></dl><dl
id="photo"><dt>Giovanni, un guide de montagne
italien</dt>
<dd><img id="big_pict"
src="../img/galerie/B-Giovanni.png"
alt="Giovanni, un guide de montagne italien" /></dd></dl><dl
id="photo"><dt>Edouard regarde
l'éclipse</dt>
<dd><img id="big_pict"
src="../img/galerie/B-Edouard.png"
alt="Edouard regarde l'éclipse" /></dd></dl><dl
id="photo"><dt>Un pélerin sur la place San
Marcos à Léon</dt>
<dd><img id="big_pict"
src="../img/galerie/B-pelerin-san-marcos.png"
alt="Un pélerin sur la place San Marcos à Léon" /></dd></dl><dl
id="photo"><dt>Ulli </dt>
<dd><img id="big_pict" src="../img/galerie/B-Ulli.png"
alt="Ulli" /></dd></dl><dl id="photo"><dt>Nelson,
un ami brésilien</dt>
<dd><img id="big_pict" src="../img/galerie/B-Nelson.png"
alt="Nelson" /></dd></dl><dl id="photo"><dt>Avec
Juan, un sculpteur chilien à Molinaseca</dt>
<dd><img id="big_pict" src="../img/galerie/B-Juan.png"
alt="Avec Juan, un sculpteur chilien à Molinaseca" /></dd></dl></div><br /></body></html>Mon: css
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
div#galerie { border-color: rgb(221, 204, 187);
border-width: 1px;
margin: 15px 30px;
padding: 15px;
background-color: rgb(238, 238, 221);
text-align: center;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-family: Narkisim;
font-size: 0.6em;
color: rgb(0, 0, 0);
width: 500px;
}
ul#galerie_mini { margin: 0pt;
padding: 0pt;
list-style-type: none;
display: inline;
}
ul#galerie_mini li { list-style-type: none ! important;
float: left ! important;
margin-top: 2px;
}
ul#galerie_mini li a img { border: 1px none rgb(221, 204, 187);
margin: 2px 1px;
list-style-type: none;
}
dl#photo { margin: 0pt auto;
clear: both;
}
dl#photo dt { font-variant: normal;
font-weight: normal;
font-size-adjust: none;
font-stretch: normal;
color: rgb(51, 0, 51);
line-height: 2em;
font-size: 2em;
font-family: georgia,serif;
font-style: italic;
}
dl#photo dd { margin: 0pt;
}
dl#photo img { border: 1px solid rgb(221, 204, 187);
}
Et le fichier script.js
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;
};
}
}
window.onload = displayPics;
[/i]
Modifié par myrtille91 (18 Jan 2006 - 18:05)
Merci