• Art.24c.7.21

    4 images au ratio 4/3 dimensionnées en 1000x750px par le code.

    SURVOL

     

     

     

     

    ******************
    <div style="width: 1000px; height: 750px; margin: 20px auto; text-align: left;">
    <p id="bak0">SURVOL</p>
    <p id="bako1" class="bako">&nbsp;</p>
    <p id="bako2" class="bako">&nbsp;</p>
    <p id="bako3" class="bako">&nbsp;</p>
    <p id="bako4" class="bako">&nbsp;</p>
    </div>

    <style><!--
    #bak0{position:absolute; z-index:1; width:120px; font-size:15px; transform:translate(460px,350px);}
    .bako{position:absolute; z-index:1; width:480px; height:350px; border:8px ridge white; background-size:1000px 750px; transition:all 1s;}
    #bako1{box-sizing:border-box; background:url('http://ekladata.com/Wne9d4rjy6RelArKF2src8js7G0@1000x750.jpg'); background-position:0px 0px; transform:translate(0px,0px);}
    #bako2{box-sizing:border-box; background:url('http://ekladata.com/_wPpUBuqlHsRJWXYN3eSIxbacpQ@1000x750.jpg'); background-position:-510px 0px; transform:translate(510px,0px);}
    #bako3{box-sizing:border-box; background:url('http://ekladata.com/CpqY3pVxXg-NbEbvikoFiM-3fYE@1000x750.jpg'); background-position:0px -370px; transform:translate(0px,370px);}
    #bako4{box-sizing:border-box; background:url('http://ekladata.com/Rlstph2SqTIDTqMOtJjO88vQqr4@1000x750.jpg'); background-position:-510px -370px; transform:translate(510px,370px);}
    #bako1:hover,#bako2:hover,#bako3:hover,#bako4:hover{z-index:5; width:1000px; height:750px; background-position:0px 0px; transform:translate(0px,0px);}
    --></style>