Voici ma page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TESTE DIAPORAMA</title>
<link href="diporama teste.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script type="text/javascript" src="Scripts/jquery-1.2.1.js"></script>
<script type="text/javascript" src="Scripts/scriptGalerie.js"></script>
<script type="text/javascript" >
<!--
$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$(".navigation ul.subMenu:not('.open_at_load')").hide();
// On sélectionne tous les items de liste portant la classe "toggleSubMenu"
// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$(".navigation li.toggleSubMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
// -->
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
// -->
</script>
</head>
<body onload="MM_preloadImages('images/aff_SommesNous.jpg','images/aff_Diag11.jpg','images/aff_Diag11_2.jpg','images/aff_GeoLoT.jpg','images/aff_AMA09.jpg')">
<div id="header">
<a href="mailto:benkusz@hotmail.com"><img class="Border0" src="images/mailtoHeader.png" /></a>
</div>
<div id="content">
<div id="mainContent">
<div class="clearboth"></div>
<div id="boitePresentation">
<div id="galerie">
<ul id="galerie_mini">
<li><a href="images/aff_SommesNous.jpg" title="Titre de la photo 1"><img src="images/vignettes/Vignette_1.jpg" alt="Le titre de la photo 1" /></a></li>
<li><a href="images/aff_Diag11.jpg" title="Titre de la photo 2"><img src="images/vignettes/Vignette_2.jpg" alt="Le titre de la photo 2" /></a></li>
<li><a href="images/aff_Diag11_2.jpg" title="Titre de la photo 3"><img src="images/vignettes/Vignette_3.jpg" alt="Le titre de la photo 3" /></a></li>
<li><a href="images/aff_GeoLoT.jpg" title="Titre de la photo 4"><img src="images/vignettes/Vignette_4.jpg" alt="Le titre de la photo 4" /></a></li>
<li><a href="images/aff_AMA09.jpg" title="Titre de la photo 5"><img src="images/vignettes/Vignette_5.jpg" alt="Le titre de la photo 5" /></a></li>
</ul>
<dl id="photo">
<dd><img id="big_pict" src="images/aff_SommesNous.jpg" alt="Science Animation / Carrefour des Sciences et des Arts <br/> Exposition itinérante" /></dd>
<dt>Titre de la photo 1</dt>
</dl>
</div>
</div>
<div id="menu">
<ul class="navigation">
<li class="toggleSubMenu"><span>Illustrations</span>
<ul class="subMenu">
<li><a href="Illus_1to16.html" title="Aller à la page illustrations 1 à 16">1 > 16</a></li>
<li><a href="Illus_17to33.html" title="Aller à la page illustrations 17 à 33">17 > 33</a></li>
<li><a href="Illus_34to50.html" title="Aller à la page illustrations 34 à 50">34 > 50</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Édition</span>
<ul class="subMenu">
<li><a href="Edit_BaladeGeol.html" title="Aller à la page Balade Géologique">Balade Géologique</a></li>
<li><a href="Edit_DecouvPhosphat.html" title="Aller à la page Découvrir les Phosphatières du Cloup d'Aural">Découvrir les Phosphatières</a></li>
<li><a href="Edit_Geolot.html" title="Aller à la page catalogue GéoL'oT">GéoL'oT</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Communication institutionnelle</span>
<ul class="subMenu">
<li><a href="Com_inst_1.html" title="Aller à la page Protection des eaux contre les nitrates d'origine agricole">Protection des eaux</a></li>
<li><a href="Com_inst_2.html" title="Aller à la page Agir ensemble pour l'eau">Agir pour l'eau</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Expositions</span>
<ul class="subMenu">
<li><a href="Expo_Famille.html" title="Aller à la page Sommes-nous tous de la meme famille">Sommes-nous tous de la même famille ?</a></li>
<li><a href="Expo_Montcuq.html" title="Aller à la page Montcuq histoire d'une tour">Montcuq une tour</a></li>
<li><a href="Expo_EcoleMetiers46.html" title="Aller à la page 4.3">Histoire de constructions</a></li>
<li><a href="Expo_GeoLoT.html" title="Aller à la page Exposition GéoL'oT">GéoL'oT</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Site internet</span>
<ul class="subMenu">
<li><a href="Site_Us_Coutumes.html" title="Aller à la page Us et Coutumes">Us et Coutumes</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Évènementiel</span>
<ul class="subMenu open_at_load">
<li><a href="Even_plaquettes.html" title="Aller à la page Plaquettes">Plaquettes</a></li>
<li><a href="Even_affiches.html" title="Aller à la page Affiches">Affiches</a></li>
<li><a href="Even_flyers.html" title="Aller à la page Flyers">Flyers</a></li>
<li><a href="Even_voeux.html" title="Aller à la page Voeux">Vœux</a></li>
<li><a href="Even_Banderoles.html" title="Aller à la page Banderoles">Banderoles</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Outils très pédagogiques</span>
<ul class="subMenu">
<li><a href="Peda_RandoTmps.html" title="Aller à la page Randonnée des temps géologiques">Randonnée des temps</a></li>
<li><a href="Peda_MalleClassi.html" title="Aller à la page Nouvelle classification des animaux">Malle Classification</a></li>
<li><a href="Peda_TableManip.html" title="Aller à la page Tables de manipulations">Tables de manipulations</a></li>
<li><a href="Peda_PosterGeol.html" title="Aller à la page Poster Géologique">Poster GéoL'oT</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Identitée visuelle</span>
<ul class="subMenu">
<li><a href="Id_Visu_Bio.html" title="Aller à la page Chaussures Bio">Chaussures Bio</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clearboth"></div>
<div id="footer">©B.L 2011
</div>
</div>
</body>
</html>
Merci beaucoup de l'intérêt porté à mon problème[/i][/i][/i]
Modifié par Benkusz (03 Jul 2011 - 17:55)
.