Diaporama bandeau de bas en haut ?
narwok
Messages postés
20
Statut
Membre
-
narwok -
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
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
A voir également:
- Diaporama bandeau de bas en haut ?
- Barre en bas ✓ - Forum PC portable
- Base de registre - Guide
- Faire un diaporama photo avec musique windows 10 - Guide
- Un agent immobilier a préparé un diaporama pour présenter une maison à vendre. appliquez la mise en forme de la première diapositive à toutes les autres. quel est le code du portail ? ✓ - Forum Powerpoint
- Tiret du haut ✓ - Forum Clavier
2 réponses
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.
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.