Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Aide sur un script de défilement d'image [ CSS / Général ] (Morocco13)

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]+"&nbsp;&nbsp;"


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

Membre Club
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.



Cordialement                Bul     [mon Site]     [M'écrire]




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

Membre Club
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.



Cordialement                Bul     [mon Site]     [M'écrire]




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]+"&nbsp;&nbsp;"+leftrightslide[1]+"&nbsp;&nbsp;"+leftrightslide[2]+"&nbsp;&nbsp;"+leftrightslide[3]+"&nbsp;&nbsp;"+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

Membre Club




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é 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 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 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 Passage d'un paramètre attribut [ par Heirem ] Bonjour,Considérons les petites fonctions suivante bien connues :/** coche la checkbox passée en paramètre */function cocher(lobjet){ document.getElem function et document.write [ par Dromadolf ] Bonjour à tous ! Voilà il fait beau en ce vendredi 4 juillet sur la côte d'azur, mais voilà ce n'est pas tout j'ai un petit soucis. J'ai une page php


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,374 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.