• Diapo PE3

    Clic sur chaque vignette; retour par un clic sur image agrandie .



    <div style="width: 60vw; height: 10vw; text-align: left; margin: 1vh auto;"><input id="ab1" class="aaa" src="http://ekladata.com/dfWR1KL7S5rJhjyLFfQ54C-yG-M.jpg" type="image" /> <input id="ab2" class="aaa" src="http://ekladata.com/eZG2PbfGOICSQ0PVYCWA8zJyktw.jpg" type="image" /> <input id="ab3" class="aaa" src="http://ekladata.com/D3-pwGCZ-yJwcbiTzB7TM72YQnY.jpg" type="image" /> <input id="ab4" class="aaa" src="http://ekladata.com/eWwq5EZXdwWkQNW3zCFpXhxE8ZY.jpg" type="image" /> <input id="ab5" class="aaa" src="http://ekladata.com/9ht9k3HtqM93lOG6LH9kVb_L0MA.jpg" type="image" /> <input id="ab6" class="aaa" src="http://ekladata.com/CYoTAcvSP3tHppBfxPtYiPYZ0oc.jpg" type="image" /> <img id="bb1" class="bbb" src="http://ekladata.com/dfWR1KL7S5rJhjyLFfQ54C-yG-M.jpg" alt="" /> <img id="bb2" class="bbb" src="http://ekladata.com/eZG2PbfGOICSQ0PVYCWA8zJyktw.jpg" alt="" /> <img id="bb3" class="bbb" src="http://ekladata.com/D3-pwGCZ-yJwcbiTzB7TM72YQnY.jpg" alt="" /> <img id="bb4" class="bbb" src="http://ekladata.com/eWwq5EZXdwWkQNW3zCFpXhxE8ZY.jpg" alt="" /> <img id="bb5" class="bbb" src="http://ekladata.com/9ht9k3HtqM93lOG6LH9kVb_L0MA.jpg" alt="" /> <img id="bb6" class="bbb" src="http://ekladata.com/CYoTAcvSP3tHppBfxPtYiPYZ0oc.jpg" alt="" /></div>

    <style><!--
    .aaa{ z-index:1; width:8vw; height:8vw; -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); transition:all 1s linear;}
    #ab1{transform:translate(1vw,0vw);}
    #ab2{transform:translate(2vw,0vw);}
    #ab3{transform:translate(3vw,0vw);}
    #ab4{transform:translate(4vw,0vw);}
    #ab5{transform:translate(5vw,0vw);}
    #ab6{transform:translate(6vw,0vw);}
    .bbb{position:absolute; z-index:100; width:100vw; height:0vw; left:0; top:15vw; transition:all 1s linear;}
    #ab1:focus ~ #bb1,#ab2:focus ~ #bb2,#ab3:focus ~ #bb3,#ab4:focus ~ #bb4,#ab5:focus ~ #bb5,#ab6:focus ~ #bb6{position:absolute; z-index:100; width:100vw; height:56.25vw;left:0; top:15vw;}
    --></style>