20 juil. 2010

Faire défiler votre blog

Il ne faut pas abuser de ce code, il n'est pas agréable à grosse dose ; mais, il peut-être intéressant à mettre dans l'HTML d'un article où ne sont présentes que des photos.

Je l'ai trouvé chez MIRAKS où vous verrez un exemple.

Copiez  le code
<script language="JavaScript1.2">
//======================================================//changez la vitesse (speed). Plus le chiffre est
&eacute;lev&eacute;, plus la vitesse est rapide.
var speed=1
//mettez stopatend=1 si vous voulez que le defilement stoppe a la fin au lieu//de repartir du debutvar
stopatend=0
//mettez horizontalscroll=1 si vous voulez scoller horizontalementvar horizontalscroll=0
//======================================================
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize()
{
    startit()
}
function scrollwindow()
{
    if (document.all)
    {
        if(!horizontalscroll) temp=document.body.scrollTop
        else temp=document.body.scrollLeft
    }
    else
    {
        if(!horizontalscroll) temp=window.pageYOffset
        else temp=window.pageXOffset
    }
    if (alt==0) alt=1
    else alt=0
    if (alt==0) curpos1=temp
    else curpos2=temp
    if (curpos1!=curpos2)
    {
        if (document.all)
        {
            if(!horizontalscroll) currentpos=document.body.scrollTop+speed
            else currentpos=document.body.scrollLeft+speed
        }
        else
        {
            if(!horizontalscroll) currentpos=window.pageYOffset+speed
            else currentpos=window.pageXOffset+speed
        }
        if(!horizontalscroll) window.scroll(0,currentpos)
        else window.scroll(currentpos,0)
    }
    else
    if(!stopatend)
    {
        currentpos=0
        window.scroll(0,0)
    }
}
function startit(){
    setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
et collez-le en HTML.

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)