Diaporama bandeau de bas en haut ?

narwok Messages postés 20 Statut Membre -  
 narwok -
Bonjour,

Je fais actuellement un site web. Je souhaiterais y insérer un diaporama défilant de bas en haut, type bandeau.

En cherchant un peu je suis tombé sur un script que je n'arrive pas à faire fonctionner, ci joint le script :


<script language="JavaScript1.2">
<!--

//Specify the slider's width (in pixels)
var sliderwidth=750
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=200
//Specify the slider's scroll speed (larger is faster)
var slidespeed=5

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.am2.fr"><img src="transpalmanuel.jpg" border=1></a>'
leftrightslide[1]='<a href="http://www.am2.fr"><img src="transpalelect.jpg" border=1></a>'
leftrightslide[2]='<a href="http://www.am2.fr"><img src="transpalelecporte.jpg" border=1></a>'
leftrightslide[3]='<a href="http://www.am2.fr"><img src="MWS10-12-1R.jpg" border=1></a>'
leftrightslide[4]='<a href="http://www.am2.fr"><img src="gerbeurporte.jpg" border=1></a>'
leftrightslide[5]='<a href="http://www.am2.fr"><img src="gerbeurbrasencadrant.jpg" border=1></a>'
leftrightslide[6]='<a href="http://www.am2.fr"><img src="transgerbeur.jpg" border=1></a>'
leftrightslide[7]='<a href="http://www.am2.fr"><img src="prepacommande.jpg" border=1></a>'
leftrightslide[8]='<a href="http://www.am2.fr"><img src="AM-1R.jpg" border=1></a>'
leftrightslide[9]='<a href="http://www.am2.fr"><img src="elec4roues.jpg" border=1></a>'
leftrightslide[10]='<a href="http://www.am2.fr"><img src="retractableac.jpg" border=1></a>'
leftrightslide[11]='<a href="http://www.am2.fr"><img src="AX20.jpg" border=1></a>'
leftrightslide[12]='<a href="http://www.am2.fr"><img src="4rouesdieselgaz.jpg" border=1></a>'
leftrightslide[13]='<a href="http://www.am2.fr"><img src="CX45-50.jpg" border=1></a>'
leftrightslide[14]='<a href="http://www.am2.fr"><img src="DX80.jpg" border=1></a>'
leftrightslide[15]='<a href="http://www.am2.fr"><img src="EX160.jpg" border=1></a>'

///////do NOT edit pass this line////////////////////////////////////

var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "


if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
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
}

//NS specific function for initializing slider upon page load
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()
}

//NS specific function for sliding slideshow
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 width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
</ilayer>




Est ce que l'un d'entre vous a une idée de ce qui cloche ?
pour l'url j'ai indiqué : <a href="[url_de_mon_site]"><img src="nom_de_l_image.jpg" border=1></a>'

Et pour la taille j'ai indiqué

//Specify the slider's width (in pixels)
var sliderwidth=80
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=100 (j'ai aussi essayé 800)
//Specify the slider's scroll speed (larger is faster)
var slidespeed=5

La fenêtre dans laquelle j'essaie de l'insérer fait 100x854 px


Ma question est la suivante, est ce que vous avez une idée de ce qui cloche ? Ou alors avez vous un autre script qui me permettrait d'obtenir un diaporama bandeau de bas en haut ?

Par avance merci.

Tony

2 réponses

avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Salut,

Une idée de ce qui cloche ?

- « JavaScript1.2 » : Version datant de 1997
- La balise <ilayer> n'est pas standard et ne fonctionne que sur Netscape, un navigateur maintenant abandonné.
- « width=&{sliderwidth}; » Je n'ai jamais vu cette syntaxe ...

Essaie de trouver un script plus récent.
Si tu ne trouves pas, un slideshow comme tu le demandes peut se faire facilement en Javascript, d'autant plus si tu utilises jQuery.


Je te recommande :
https://themeisle.com
Il y a plusieurs effets de transition.
La pensée mène le monde.
0
narwok Messages postés 20 Statut Membre
 
houla version de 92 ah ouais quand même !

J'ai rien trouvé de plus récent, je vais regarder sur ce que tu suggères car pour le moment j'y connais rien en Javascript.
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Erreur de ma part, c'est 1997.
0
narwok
 
ok ça me rassure :p
0