Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
751 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Défilement d'images horizontales

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Défilement d'images horizontales

n°1623345
Fused
Posté le 13-10-2007 à 17:52:52  profilanswer
 

J'aimerai faire une barre de défilement horizontale un peu comme il y a sur ce site(elle est à droite ici).
 
En ce qui me concerne, je n'ai pas besoin qu'elle se cache ou autre.
 
Quelqu'un sait comment faire ça ? Le plus simple possible.

mood
Publicité
Posté le 13-10-2007 à 17:52:52  profilanswer
 

n°1623367
xtof_83
Freeride Spirit
Posté le 13-10-2007 à 19:58:25  profilanswer
 

ctrl + u et tu regardes le code....
 
JS + HTML et op ;)

n°1623380
Fused
Posté le 13-10-2007 à 23:12:50  profilanswer
 

Ce que j'ai fais, mais le code js est un peu compliqué pour moi, il y a plein de fonctions et de fichiers js mais je ne les comprends pas :/

n°1623554
Fused
Posté le 14-10-2007 à 22:25:16  profilanswer
 

Des conseils ou des idées ?

n°1623574
SICKofitAL​L
misanthrope
Posté le 14-10-2007 à 23:27:14  profilanswer
 

Ben tu crées un DIV en position "absolute" et avec des coordonnées au dehors de l'écran, genre par exemple pour un bandeau de 100 pixels de large :

Code :
  1. <style>
  2. div#menuGauche {
  3.   position: absolute;
  4.   top: 0px;
  5.   right: -100px;
  6.   width: 100px;
  7.   height:  100%;
  8.   overflow: auto;
  9. }
  10. </style>
 

Tu définies un element qui lance l'anim, un truc comme ca

Code :
  1. <script>
  2.   var go = document.getElementById ('idDeLelement');
  3.   go.addEventListener ('click', fonctionQuiLanceLanim, false);
  4. </script>
 

Bien sûr il faut qqpart définir la fonction en queston :

Code :
  1. <script>
  2.   var fonctionQuiLanceLanim = function ()
  3.   {
  4.         this._anim = function ()
  5. {
  6.  bandeau.style.right = position + "px";
  7.  position--;
  8.  if (position < 0)
  9.   return 0;
  10.  clearInterval (timer);
  11.  return 0;
  12. }
  13. var bandeau = document.getElementById ('menuGauche');
  14. var position = -100;
  15. var timer = setInterval (fonctionQuiLanceLanim._anim, 25);
  16. return 0;
  17.   }
  18. </script>
 

voilà, c à améliorer mais c la base du truc je pense :)


Message édité par SICKofitALL le 14-10-2007 à 23:27:41

---------------
We deserve everything that's coming...
n°1624137
Fused
Posté le 15-10-2007 à 19:04:36  profilanswer
 

Merci beaucoup pour ça, je vais étudier ça et mettre tout ça en oeuvre, ça me parait plus clair que beaucoup de scripts très longs que j'avais trouvé.
encore merci. :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Défilement d'images horizontales

 

Sujets relatifs
Ressources et ImagesPHP / MySQL Recherche d'images par mots-clés
Problème sur l'affichage d'images[SGBD]Normalisation Hosting images
[Macro WORD] Comment insérer plusieurs images ?[Résolu] compiler plusieur images dans un fichier php
inserer des images sur excelmodifié une images avant de l'afficher
cherche bibliotheque pour manipulation d'imagesEnvoi d'un mail en HTML avec images
Plus de sujets relatifs à : Défilement d'images horizontales


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR