IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Téléchargé 59 fois
Vote des utilisateurs
1 
0 
Détails
Licence : Non renseignée
Mise en ligne le 4 octobre 2011
Plate-formes : Linux, Mac, Windows
Langue : Français
Référencé dans
Navigation

Faire defiler des images horizontalement

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.

Avatar de 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";
Avatar de 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
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
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);
Developpez.com décline toute responsabilité quant à l'utilisation des différents éléments téléchargés.