18073 sujets

Questions générales et questions de débutants

Javascript+CSS:images ds nouvelle fenêtre et pas en dessous.Pq?

Administrateur
Bonjour,

je déplace dans le Salon Service Après Vente puisqu'il est question d'un tutoriel d'Olivier Smiley cligne

Aurais-tu un lien vers la page fautive? Difficile de dire pourquoi là ça marche et pas là si l'on n'a pas 2 versions à comparer Smiley smile Est-ce que cela concerne un seul navigateur ou plusieurs?

Felipe
salut, le code ci-dessous me convient très bien sauf qu'il affiche chaque fois autant de miniatures à la fois qu'il y a d'images alors que je voudrais 2 ou 3 images et les autres apparaissent en cliquant sur "Next". Ensuite l'image agrandie s'affiche à droite.
Je ne trouve pas ce qui foire! 

<!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>
<script type="text/javascript">
var current = 0;
var width = 4;
var max = 4;
var prefixe = "mini_";

function previous(nb) {
   showWindow(false);
   current = current - nb;
   if (current < 0) {
      current = 0;
   }
   showWindow(true);
}

function next(nb) {
   showWindow(false);
   current = current + nb;
   if (current > (max - width)) {
      current = max - width;
   }
   showWindow(true);
}

function showWindow(show) {
   for(i = current ; i < current + width ; i++) {
       el = document.getElementById(prefixe+i);
       if (el) {
           el.style.display = show?'inline':'none';
       }
   }
}
function changeImage(filename)
{
	document.mainimage.src = filename;
}
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<a href="javascript:previous(2)">previous</a>
<a id="mini_0" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen1.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen1.jpg"></a>
<a id="mini_1" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/portrait-dame.jpg')"><img src="Bilder/Portraits/kleine Bilder/portrait-dame.jpg"></a>
<a id="mini_2" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen-profil.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen-profil.jpg"></a>
<a id="mini_3" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen1.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen1.jpg"></a>
<a id="mini_4" href="javascript:changeImage('Bilder/Portraits/grosse Bilder/maedchen2.jpg')"><img src="Bilder/Portraits/kleine Bilder/maedchen2.jpg"></a>
<a href="javascript:next(2)">next</a>
<img name="mainimage" src="Bilder/Portraits/grosse Bilder/maedchen1.jpg"></div>
</body>
</html>

édit Igor: c'est pas <code> mais [ code], mais l'intenton y était. Smiley smile
Modifié par Igor (13 Oct 2005 - 19:32)
il y a un </div>tout seul en fin de code. Où dois-je mettre le premier <div>. La cause vient peut-être de cela.
c'est dommage car ce code fonctionn presque sauf que les miniatures ne défilent pas, en cliquant sur "suivant" et "précédent". Un problème de variable?? Qui peut m'aider?
cordialement
Sujet clos
Aller à