Faire defiler des images horizontalement

Présentation
Lancement du défilement quand la souris passe sur la zone.
Plus la souris se rapproche des extrémités, plus la vitesse est rapide.
Le sens de défilement change quand le curseur arrive à la moitié de l'image.
Un clic sur la zone désactive / relance le défilement.
Pour l'exemple, pendant les pauses, les images deviennent des liens actifs vers une popup.

Téléchargement
Compatibilité
Linux Mac Windows
1  0 
Téléchargé 191 fois Voir les 4 commentaires
Détails
Catégories : Images / Graphisme
Avatar de javatwister
Membre expert
Voir tous les téléchargements de l'auteur
Licence : Autre
Date de mise en ligne : 4 octobre 2011




Avatar de juliebphoto juliebphoto - Candidat au Club https://www.developpez.com
le 13/07/2012 à 14:05
Bonjour à tous,
je n'y comprend pas grand chose au langage html et css, les bases sont là, mais quand je vois ce code ci dessus, je me demande à quoi ressemble les liens des photos et où dois je les placer :s ?! et faut il que je les mettes une à une? Par exemple avec une de mes images qui s'intitule "tlsnb1.jpg" et uen 2ème " tlsnb2.jpg" Car je suis habitué à :< img src="tlsnb1.jpg"> !!
( dans l'idée c'est exactement ce que je recherche )
merci de votre attention ! et belle journée à tous !

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
//|||||||||||||||||||| 
//Création des images| 
//|||||||||||||||||||| 
for(i=0;i!=60;i++){ 
   zero= i<9 ? 0 : ""; 
   tab[i]=new Image(); 
   tab[i].src="http:/ /javatwist.imingo.net/sm"+zero+(i+1)+".gif"; 
   c.appendChild(tab[i]); 
} 
document.body.replaceChild(c,document.getElementById('nul'));
Avatar de kr0ss kr0ss - Nouveau Candidat au Club https://www.developpez.com
le 13/09/2016 à 20:11
Si quelqu'un pouvait apporter ses lumières ça serait sympa.
Je voudrais utiliser ce script de défilement horizontal des IMG et je calle sur ce morceau de code où on défini quelles sont les images à afficher.
Je suppose que c'est cette ligne qu'il faut modifier
Code : Sélectionner tout
  tab[i].src="http:/ /javatwist.imingo.net/sm"+zero+(i+1)+".gif";
j'ai un répertoire "IMG" au niveau du point index.html. Comment les appeller dans ce code js ?

d'avance merci
Avatar de Softcadbury Softcadbury - Nouveau membre du Club https://www.developpez.com
le 14/09/2016 à 4:34
Hello, je n'ai pas testé mais logiquement tu dois écrire ceci

Code : Sélectionner tout
1
2
3
var img = new Image(); 
img.src = "./IMG/monimage.png"; 
c.appendChild(img);
Avatar de NoSmoking NoSmoking - Modérateur https://www.developpez.com
le 14/09/2016 à 18:46
j'ai un répertoire "IMG" au niveau du point index.html.

je mettrais plutôt dans ce cas
Code : Sélectionner tout
img.src = "IMG/monimage.png";
Developpez.com décline toute responsabilité quant à l'utilisation des différents éléments téléchargés.
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -