IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Lien sur défilement d'image


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    458
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 458
    Par défaut Lien sur défilement d'image
    bonjour j'ai un code en js mais j'arrive pas a mettre de liens j'ai essaillé comme j'ai pus mais comme je débute en js je connais pas grand chose

    je vous montre mon code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
     
     
    var chemin = "images\\";
    var tabImg = new Array("i1.gif","i2.gif","i3.gif","i4.gif","i5.gif");
    var tabTxt = new Array("Image 1", "Voici un long, image2", "Image3", "Image4", "Image5");
     
    var attente = "3000"; //délai d'affichage d'une image en ms
     
    // Action à réaliser lors du clic sur une cellule. 
    // id est de la forme "celluleX" avec X compris entre 0 et tabImg.length-1
    function clicSurImage(objCellule)
    {
    if (objCellule.id = 0)
    	{
    	<a href="http://www.developpez.net/forums/showthread.php?t=519736"></a>		
    	}
    	else
     
    		if (objCellule.id = 1)
    		{
    		<a href="http://www.developpez.net/forums/showthread.php?t=519736"></a>		
    		}
    		else
     
    		if (objCellule.id = 2)
    	{
    	<a href="http://www.developpez.net/forums/showthread.php?t=519736"></a>		
    	}
    	else
     
    		if (objCellule.id = 3)
    		{
    		<a href="http://www.developpez.net/forums/showthread.php?t=519736"></a>		
    		}	
    }
    donc je voudrai que quand je click sur l'image sa met met dans cette page et quand je click sur l'autre sa me mette sur l'autre page je vous donne aussi la suite de mon code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
     
     
    function creationDiaporama()
    {
    	var i;
    	var imgDiapo, txtDiapo, crlf;
    	var coneneur = document.getElementById("coneneur");
     
    	// Création du tableau contenant les élements
    	var elTable = document.createElement("table");			
    	// Ajout d'une ligne dans ce tableau
    	var elLigne = elTable.insertRow(-1);
    	var elCell;
     
    	elTable.style.width = parseInt(coneneur.clientWidth * tabImg.length) + "px";
    	elTable.cellSpacing = "0";
    	elTable.cellPading = "0";
     
    	for (i=0; i<tabImg.length; i++)
    	{
    		// Création du noeud image
    		imgDiapo = document.createElement("img");
    		imgDiapo.src = chemin+tabImg[i];
    		imgDiapo.className = "image";
     
    		// Création du saut de ligne
    		crlf = document.createElement("br");
     
    		// Création du noeud texte
    		txtDiapo = document.createTextNode(tabTxt[i]);
     
    		// Création de la cellule contenant les objets
    		elCell = elLigne.insertCell(i);
    		elCell.className = "cellule";
    		elCell.id = "cellule"+i;
    		elCell.objetCellule = elCell;
    		elCell.onclick = function(){clicSurImage(this.objetCellule);}
     
    		// Ajout des éléments dans la cellule
    		elCell.appendChild(imgDiapo);
    		elCell.appendChild(crlf);
    		elCell.appendChild(txtDiapo);
    	}
     
    	// Ajout du tableau dans le div coneneur
    	coneneur.appendChild(elTable);
    	chrono1 = setTimeout("deroule()",attente);
    }
    voila donc si quelqu'un(e) peus m'aider ce serai gentille

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Il n'était pas nécessaire d'ouvrir une nouvelle discussion

    Pour infos, le script complet se trouve dans cette discussion (en pièce jointe)....


    Lis le commentaire au-dessus de la fonction clicSurImage() : "id est de la forme "celluleX" avec X compris entre 0 et tabImg.length-1"

    Il faut donc faire un switch :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    // Action à réaliser lors du clic sur une cellule. 
    // id est de la forme "celluleX" avec X compris entre 0 et tabImg.length-1
    function clicSurImage(objCellule)
    {
    	//alert(objCellule.id);
    	switch (objCellule.id)
    	{
    		case "cellule0": // pour la 1ère image
    			document.location.href = "http://www.developpez.net/forums/showthread.php?t=519736";
    			break;
    		case "cellule1": // pour la 2nde image
    			document.location.href = "http://www.developpez.net/forums/showthread.php?t=519736";
    			break;
     
    	}
    }

  3. #3
    Membre éclairé
    Inscrit en
    Février 2008
    Messages
    458
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 458
    Par défaut
    merci beaucoup tous roule comme je voulais
    en tous cas merci beaucoups pour ton aide j'ai compris qu'il fallait me mettre a fond sur js

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Ajout de lien sur ma deuxieme image
    Par jarod6827 dans le forum Débuter avec Java
    Réponses: 0
    Dernier message: 18/03/2012, 18h33
  2. CSS Liens sur images
    Par FRANCKYIV dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/04/2006, 22h14
  3. [HTML] Mettre un lien sur une image
    Par mavina dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 24/04/2006, 15h34
  4. lien sur une image
    Par DiverSIG dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 29/03/2006, 14h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo