Roulement de bannieres - Tout pour le Javascript aux 1001 Astuces Nam@ni

Placer entre les tags <head>

// Les URLs vers lequels aller (un par message) en cas de clic 
var messageurl = new Array()
messageurl[0]="adresse_1.htm"
messageurl[1]="adresse_2.htm"
messageurl[2]="adresse_3.htm"

// Les images à agrémeter les messages
var messageimg = new Array()
messageimg[0]="image1.jpg"
messageimg[1]="image2.jpg"
messageimg[2]="image3.jpg"

// Rien à changer ici 
var imgpreload=new Array()
for (i=0;i<=messageimg.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=messageimg[i]
}

// Emplacement de l'image par rapport au message (right ou left)
var alignimg=new Array()
alignimg[0]="left"
alignimg[1]="right"
alignimg[2]="left"

// Alignement des textes des messages dans le tableau (right ou left)
var alignmessage=new Array()
alignmessage[0]="right"
alignmessage[1]="left"
alignmessage[2]="left"

// Destination de la nouvelle page 
var target_url="_new"
	
// Largeur du "ticker" de la bannière
var textwidth=280

// Hauteur du "ticker" de la bannière
var textheight=120

// Largeur de la bordure du tableau de la bannière
var borderwidth=0

// Taille des lettres (police)
var font_size=1

// La police à utiliser
var font_face="Verdana"

// Couleur des lettres 
var font_color="blue"

// Couleur de fond du "ticker" de la bannière
var bg_ticker="CCFFCC"

// Fin de positionnement horizontal du "ticker" de la bannière sur la page (en pixels )
var x_finalpos=10

// Fin de positionnement vertical du "ticker" de la bannière sur la page (en pixels )
var y_finalpos=10

// Largeur des lamelles
var x_slices=16

// Pause entre 2 messages (en millisecondes)
var pause=1000

// Ne plus rien changer dessous 
var i_loop=0
var i_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""
function initiate() {
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
    if (document.all) {
	    for (i=0;i<=x_slices;i++) {
            var thisinners=eval("s"+i)
            thisinners.innerHTML=content
            var thiss=eval("document.all.s"+i+".style")
            thiss.posLeft=x_finalpos
            thiss.posTop=y_finalpos
        }
	    i_message++
	    openlamellar()
    }
	if (document.layers) {
	    for (i=0;i<=x_slices;i++) {
            var thisinners=eval("document.s"+i+".document")
            thisinners.write(content)
			thisinners.close()
            var thiss=eval("document.s"+i)
            thiss.left=x_finalpos
            thiss.top=y_finalpos
        }
	    i_message++
	    openlamellarNN()
    }
}
function openlamellar() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellar()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellar()",4000)
	}
}
function openlamellarNN() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright++
    var timer=setTimeout("openlamellarNN()",20)
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("closelamellarNN()",1500)
	}
}
function closelamellar() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.all.s"+i+".style")
            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellar()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimage()",1500)
	}
}
function closelamellarNN() {
    clipleft=-width_slice
	clipright=0
    if (i_clipright>=0) {
        for (i=0;i<=x_slices;i++) {
           	var thiss=eval("document.s"+i)
			thiss.clip.left=clipleft
        	thiss.clip.right=clipright
        	thiss.clip.top=cliptop
        	thiss.clip.bottom=clipbottom
            clipleft+=width_slice
            clipright=clipleft+i_clipright
		}
    i_clipright--
    var timer=setTimeout("closelamellarNN()",20)
    
   }
   	else {
		clearTimeout(timer)
		var timer=setTimeout("changeimageNN()",1500)
	}
} // http://www.namani.net 
function changeimage() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("s"+i)
        thisinners.innerHTML=content   
    }
	i_message++
	openlamellar()
}
function changeimageNN() {
    content=""
	if (i_message>message.length-1) {i_message=0}
    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"
    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
	content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"
    content+="<a href="+messageurl[i_message]+" target="+target_url+">"
    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
    content+=message[i_message]
    content+="</font></a></td></tr></table>"
	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("document.s"+i+".document")
        thisinners.write(content)
		thisinners.close()
    }
	i_message++
	openlamellarNN()
}
// http://www.namani.net -->
</script>
<style>
.s {
	position:absolute;
    left:-5000px;
	topt:-5000px;
}
A {
    text-decoration:none;
}

</style>

Texte et image !