Accueil > Forum > > > > Aide sur un script de défilement d'image
Aide sur un script de défilement d'image
dimanche 1 juillet 2007 à 04:01:46 |
Aide sur un script de défilement d'image

Morocco13
|
Salut, ceci est un script qui permet de faire défiler des images de droite à gauche, j'aimerai savoir comment changer les directions, c'est à dire comment faire pour que les images défilent de gauche à droite ? c'est la première question. La seconde est comment faire pour que les pop-ups soient personnalisables (exemple : toolbar=0,location=0,directories=0,scrollbars=0,resizable=0,menuBar=0,width=100,height=100) parce que je n'arrive pas à integrer ce code avec le script.
Merci d'avance !
Le Script est :
<SCRIPT language="JavaScript1.2"> <!--
var sliderwidth=380 var sliderheight=145 var slidespeed=2
var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>' leftrightslide[1]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>' leftrightslide[2]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>' leftrightslide[3]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>' leftrightslide[4]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>' leftrightslide[5]='<a href="votre_lien.html" target="_blank"><img src="images.gif" border="0"></a>'
var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+" "
if (document.all){ document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") }
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed }
function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() }
function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate2 //--> </SCRIPT> <ILAYER visibility="hide" name="ns_slider01" height="&{sliderheight};" width="&{sliderwidth};"> <LAYER onmouseout=slidespeed=copyspeed onmouseover=slidespeed=0; name="ns_slider02"></LAYER></ILAYER>
|
|
dimanche 1 juillet 2007 à 04:31:33 |
Re : Aide sur un script de défilement d'image

Morocco13
|
Re-salut, enfet j'ai oublié de vous demander est ce possible d'éliminer le vide qu'il y a entre la fin de la dernière image et le début de la première image, en d'autres termes : aprés la dernière image, je veux voir apparaitre directement la première sans le vide qu'il y a, tel un anneau, les images les images se suivent sans arrêt, Merci à vous, sachez que vous m'aidez énormément !
|
|
dimanche 1 juillet 2007 à 11:27:37 |
Re : Aide sur un script de défilement d'image

bultez
|
Réponse acceptée !
Bonjour,
_ regarder les paramètres de la balise marquee. DIRECTION="left" ou "right" ou "up" ou "down"
_
comment faire pour que les pop-ups soient personnalisable
window.open("page.html","target","resizable=0....")
_
aprés la dernière image, je veux voir apparaitre directement la première sans le vide qu'il y a,
quand on veut.. on peut.
ici, ne pas utiliser marquee. il y a des exemples sur ce site.
|
|
dimanche 1 juillet 2007 à 12:38:41 |
Re : Aide sur un script de défilement d'image

yousfane
|
Réponse acceptée !
Salut comme a dit bultez, il'y a beuacoup d'exemples sur ce site de défilement d'images sans utiliser de marquee, et ils sont plus mieux
|
|
dimanche 1 juillet 2007 à 13:15:05 |
Re : Aide sur un script de défilement d'image

bultez
|
Réponse acceptée !
ah.. je ne dirais pas qu'ils sont plus mieux, très loin de là, et au contraire... pourquoi mettre du javascript là où une simple balise html suffit ?
sauf, s'il faut à tout prix régler ce tout petit temps d'attente entre la dernière image et l'affichage de la 1ère.
|
|
dimanche 1 juillet 2007 à 19:23:28 |
Re : Aide sur un script de défilement d'image

Morocco13
|
Salut, Merci bultez pour les explications, ça a marchépour la direction et la pop-up, par contre, pour la troisième question, je suis entrain de chercher un script sur le site ou il n'y a pas de "marquee". Je vais voir si j'en trouve, sinon je vais utiliser celui-là et et répéte les images comme ça le vide ne se répétera pas souvent. Merci à vous deux de m'avoir éclairé, Hey bul c'est la deuxieème fois que tu me sauve, Big Up Amigo !
|
|
lundi 2 juillet 2007 à 03:39:05 |
Re : Aide sur un script de défilement d'image

Morocco13
|
Re-salut, j'ai rien trouvé à propos d'un script de défilement d'images pareil mais sans "marquee", alors ma question est : est ce qu'on peut changer "marquee" par autre chose pour éliminer ce vide entre les images ? Merci encore.
|
|
mercredi 4 juillet 2007 à 00:08:29 |
Re : Aide sur un script de défilement d'image

Morocco13
|
C'est encore moi, mais cette fois tout est bon, j'ai réussi à avoir ce que je voulais, je n'ai pas cherché d'autres scripts, j'ai seulement modifié quelques fonctions dans ce script et maintenant tout est bon, mon script est exactement comme je l'imaginais, Merci à vous tous d'avoir participé et je poste le script final ici pour que tout le monde s'en sert, et je vais mettre les codes que j'ai modifié en une autre couleur, vous en faites la comparaison avec celui en haut.
Le Script Finale :
<SCRIPT language="JavaScript1.2"> <!--
var sliderwidth=510 var sliderheight=120 var slidespeed=4 var pausebetweenimages=20
var leftrightslide=new Array() var finalslide=''
leftrightslide[0]='<a href style="cursor:hand" onClick=window.open("lien1.htm","_blank","toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=300,height=300")><img width=120 height=120 src="image1.png" border="0"></a>' leftrightslide[1]='<a href style="cursor:hand" onClick=window.open("lien2.htm","_blank","toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=300,height=300")><img width=120 height=120 src="image2.png" border="0"></a>' leftrightslide[2]='<a href style="cursor:hand" onClick=window.open("lien3.htm","_blank","toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=300,height=300")><img width=120 height=120 src="image3.png" border="0"></a>' leftrightslide[3]='<a href style="cursor:hand" onClick=window.open("lien4.htm","_blank","toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=300,height=300")><img width=120 height=120 src="image4.png" border="0"></a>'
var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[0]+" "+leftrightslide[1]+" "+leftrightslide[2]+" "+leftrightslide[3]+" "+finalslide
if (document.all){ document.write('<marquee id="ieslider" direction="right" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") }
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed }
function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() }
function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate2 //--> </SCRIPT> <ILAYER visibility="hide" name="ns_slider01" height="&{sliderheight};" width="&{sliderwidth};"> <LAYER onmouseout=slidespeed=copyspeed onmouseover=slidespeed=0; name="ns_slider02"></LAYER></ILAYER>
|
|
mercredi 4 juillet 2007 à 10:50:19 |
Re : Aide sur un script de défilement d'image

bultez
|
et bien voila...
quand on en a la possibilité ( le temps, les capacités... ), rien ne vaut de faire soi-même, c'est beaucoup plus enrichissant,formateur... enfin, si on veut apprendre...
bravo à toi et merci d'avoir mis le script.
Cordialement Bul [mon Site] [M'écrire]
|
|
Cette discussion est classée dans : function, document, ns, leftrightslide, slider01
Répondre à ce message
Sujets en rapport avec ce message
probleme de defilement d'images [ par mugn ]
Bonjour tout le monde, Voila je suis actuellement entrain de développer un site web dans lequel j'ai placer un défilement d'images horizontale, malhe
Incompatibilité Mozilla - Script Slider [ par rouliodu59 ]
Bonjour, j'ai trouvé un script pour permettre de faire un glissement de photo sur ma page d'accueil.Cependant, le script n'est compatible que sur IE e
scrollLeft d'un div avec overflow : auto [ par Teclis01 ]
Bonjour ici :)Alors voilà j'ai un petit soucis avec les différents browser (et j'ai testé que sur 2 )voici le html (il manque quelques balises mais ri
modification lightbox .... bouton close en haut a droite [ par petardier ]
bonjour,je souhaite modifier une light box en mettant le bouton close en haut a gauche , plutot qu'en bas.Ainsi, quand une image est plus grande que l
Function qui ne functionne pas... [ par Xiarea ]
Bonjour, Je suis entrain d'essayer de faire ouvrir un popup lors d'un double clic sur une image. La nouvelle page doit connaitre les coordonées de la
Changer le style de la dernière lettre d'un serpent de texte. [ par Lea19 ]
Salut a tous , Je fait un petit site sans ambition puis je découvre l' univers des scripts et tous le reste... Je me prend la tête pas possible su
Problème de compatibilité avec Firefox [ par Sniark ]
Bonjour à tous, Je suis débutant en javascript. J'ai un script qui récupère des valeurs sélectionnées dans des menus déroulants et retourne une liste
ie tes vraiment le supo de satan [ par parweb ]
bonjour a tous,quelqu'un pourrait m'expliquer pourquoi le code ci-dessous fonctionne trés bien avec firefox/chrome et pas avec IEje précise que ce cod
erreut this [ par vinise ]
Bonjour a tous jai un petiti probleme avec prototype:background : function() { this.BG = document.createElement('div'); this.BG.class
très lent [ par metaleurop ]
Bonjour à tous!!J'ai un script sympa pour des élèves mais malheureusement il est super long à tourner ,quand il ne bugge pas!Serait-il possible de le
Livres en rapport
|
Derniers Blogs
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|