Bonjour,
J'ai intégré la galerie js sur un site mais j'ai un pb d'affichage sur IE7.
Lorsque je clique sur les vignettes, l'image s'affiche sur la fenêtre mais seule. pour revenir au site je dois cliquer sur la flèche "back" du navigateur.
Je ne connais pas javascript et j'ai regardé sur le forum mais la suppression des commentaires n'a rien changé. Sur firefox ça marche très bien. Pouvez-vous m'aider.
Le lien est
http://jean-charles-sarrazin.com/fraise.php
Le code de mon header ou j'ai intégré le js
et du html
J'ai intégré la galerie js sur un site mais j'ai un pb d'affichage sur IE7.
Lorsque je clique sur les vignettes, l'image s'affiche sur la fenêtre mais seule. pour revenir au site je dois cliquer sur la flèche "back" du navigateur.
Je ne connais pas javascript et j'ai regardé sur le forum mais la suppression des commentaires n'a rien changé. Sur firefox ça marche très bien. Pouvez-vous m'aider.
Le lien est
http://jean-charles-sarrazin.com/fraise.php
Le code de mon header ou j'ai intégré le js
<?php include_once ($page["path"] . "inc/inc_params.php");
?>
<!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>
<title><?php echo $page["title"]; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="<?php echo $page["meta_description"]; ?>" />
<meta name="keywords" content="<?php echo $page["meta_motsclef"]; ?>" />
<meta http-equiv="Content-language" content="<?php echo $page["lang"]; ?>">
<meta name="expires" content="never">
<meta name="rating" content="general">
<meta name="revisit-after" content="30 days">
<meta name="ROBOTS" content="index, all, follow">
<link href="<?php echo $page["path"]; ?>style.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
/*<?php if ($z[0] == 4) { ?>
@import url("<?php echo $page["path"]; ?>news.css");
<?php } else if ($z[0] == 2) { ?>
@import url("<?php echo $page["path"]; ?>produits.css");
<?php } ?>
#top
{
background: #fff url("<?php echo $page["path"]; ?>pics/elements/bandeau_logo_<?php echo $page["lang"]; ?>.gif") no-repeat center;
}
#bandeau
{
background: #fff url("<?php echo $page["path"]; ?>pics/elements/bandeau_visuel_<?php echo $page["lang"]; ?>.jpg") no-repeat left top;
}*/
</style>
[#red]
<script type="text/javascript">
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
//var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
//big_photo.alt = this.title; // On change son titre
//titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
</script>
[/#]
</head>
<body id="<?php echo $pages["fr"][$z[0]][0]["code"]; ?>">
<img src="pics/elements/jcsarraz.gif" style="display:none" alt="">
<img src="pics/elements/jcsarraz-hover.gif" style="display:none" alt="">
<img src="pics/elements/albums.gif" style="display:none" alt="">
<img src="pics/elements/albums-hover.gif" style="display:none" alt="">
<img src="pics/elements/presse.gif" style="display:none" alt="">
<img src="pics/elements/presse-hover.gif" style="display:none" alt="">
<img src="pics/elements/ateliers-rencontres.gif" style="display:none" alt="">
<img src="pics/elements/ateliers-rencontres-hover.gif" style="display:none" alt="">
<img src="pics/elements/voir-plus.gif" style="display:none" alt="">
<img src="pics/elements/voir-plus-hover.gif" style="display:none" alt="">
<img src="pics/elements/contact.gif" style="display:none" alt="">
<img src="pics/elements/contact-hover.gif" style="display:none" alt="">
<div id="container">
<div id="navtop">
<ul>
<li id="rubrique1"><a href="jcsarraz.php" class="nomrubrique"> JC Sarrazin</a> </li>
<li id="rubrique2"><a href="albums-jeunesse-nouveautes.php" class="nomrubrique2">Albums jeunesse</a> </li>
<li id="rubrique3"><a href="adoption.php" class="nomrubrique3">Presse jeunesse</a> </li>
<li id="rubrique4"><a href="ateliers-rencontres.php" class="nomrubrique4">Ateliers - rencontres</a> </li>
<li id="rubrique5"><a href="voir-plus.php" class="nomrubrique5">Voir +</a> </li>
<li id="rubrique6"><a href="contact.php" class="nomrubrique6">Contact</a> </li>
</ul>
</div>
<div id="navcontainer">
<div id="sidenav">
<!-- <h2><?php echo $pages[$page["lang"]][$z[0]][0]["label"]; ?></h2>-->
<ul id="navlist">
<?php
foreach ($pages[$page["lang"]][$z[0]] as $gid => $g) {
if (($gid != 0) & ($pages[$page["lang"]][$z[0]][$gid]["masque"] == false)) {?>
<li<?php echo ($z[1] == $gid)? " id=\"current\"":""; ?>><a href="<?php echo $pages[$page["lang"]][$z[0]][$gid]["code"]; ?>.php" title="<?php echo $pages[$page["lang"]][$z[0]][$gid]["label"]; ?>"><?php echo $pages[$page["lang"]][$z[0]][$gid]["label"]; ?></a></li>
<?php
}
}
?>
</ul>
</div>
</div>
<div id="content">
<h1><?php echo $pages[$page["lang"]][$z[0]][$z[1]]["label"]; ?></h1>
et du html
<?php
$page["id"] = "2.4";
$page["lang"] = "fr";
$page["path"] = "";
include ("inc/header.php");
?>
[#red]
<div id="galerie">
<dl id="photo">
<img id="big_pict" src="images/fraise-1.jpg" alt="Couverture de Fraise" />
</dl>
<div id="mini">
<ul id="galerie_mini">
<li><a href="images/fraise-1.jpg" title="Fraise"><img src="images/minis/fraise-1.jpg" alt="Fraise couverture" /></a></li>
<li><a href="images/fraise-2.jpg" title="Fraise"><img src="images/minis/fraise-2.jpg" alt="Fraise 2" /></a></li>
<li><a href="images/fraise-3.jpg" title="Fraise"><img src="images/minis/fraise-3.jpg" alt="Fraise 3" /></a></li>
<li><a href="images/fraise-4.jpg" title="Fraise"><img src="images/minis/fraise-4.jpg" alt="Fraise 4" /></a></li>
<li><a href="images/fraise-5.jpg" title="Fraise"><img src="images/minis/fraise-5.jpg" alt="Fraise 5" /></a></li>
<li><a href="images/fraise-6.jpg" title="Fraise"><img src="images/minis/fraise-6.jpg" alt="Fraise 6" /></a></li>
<li><a href="images/fraise-7.jpg" title="Fraise"><img src="images/minis/fraise-7.jpg" alt="Fraise 7" /></a></li>
</ul>
</div>
</div>
[/#]
<div id="fiche">
<h1>Fraise</h1>
<p>Texte et illustrations :<br />
Jean-Charles Sarrazin<br />
<a href="http://www.ecoledesloisirs.fr" target="_blank">Ed. L'école des loisirs</a><br />
2008</p>
</div>
<div id="resume">
Les parents d’Octavio attendent un bébé. Ils cherchent un prénom. Octavio refuse de participer.
Il n’en veut pas, lui, de ce rival ! Soudain, Maman loup salive. Elle a une envie. «Devinez quoi… » dit-elle à Papa loup et Octavio. « Ça se croque, c’est tendre, juteux et bien rouge ! »
Papa loup et Octavio se mettent en route. Mais que veut croquer Maman ? Le Père Noël ? Ce serait dommage. Le Petit Chaperon rouge, alors ?
</div>
<?php
include ("inc/footer.php");
?>