• Un défilé

    On peut facilement animer un panoramique, au survol.

    Le principe est de créer un cadre plus étroit que la largeur du panoramique et de même hauteur.

    Le panoramique est placé au bord gauche du cadre (background-position:0px 0px;) et de le déplacer au survol pour que son bord droit aille se positionner contre le bord droit du cadre.

    Mon image fait, à l'origine 4920x1920px; je le réduis en 1752x684px en ajoutant, à son adresse @1752x684.

    La vitesse de translation est ici de 5 secondes et est à votre convenance.

     


    <p id="pan">&nbsp;</p>
    <style><!--
    #pan{width:1152px; height:648px; margin:10px auto; border:0.4vh ridge white; background:url('http://ekladata.com/udhN8GviTKHSjMu3Uc5PSN_8Edo@1752x684.jpg'); background-size:1752px 684px; background-position:0px 0px; transition:all 5s linear;}
    #pan:hover{background-position:-600px 0px;}
    --></style>