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
COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|