• Art.18a.7.21

    9 images au ratio 16/9; onglets à survoler.

    Promenade dans Remuzat, 26510.

     

     

     

     

     

     

     

     

    ***************
    <div style="width: 1000px; height: 562px; margin: 40px auto; text-align: left; border: 1px solid black; background: url('http://ekladata.com/V2WcFQ_uFtzIg6hHfVzQeGk-MWg@1000x562.jpg'); background-size: cover;">
    <p id="rem1" class="rem">&nbsp;</p>
    <p id="rem2" class="rem">&nbsp;</p>
    <p id="rem3" class="rem">&nbsp;</p>
    <p id="rem4" class="rem">&nbsp;</p>
    <p id="rem5" class="rem">&nbsp;</p>
    <p id="rem6" class="rem">&nbsp;</p>
    <p id="rem7" class="rem">&nbsp;</p>
    <p id="rem8" class="rem">&nbsp;</p>
    <img id="rema1" class="rema" src="http://ekladata.com/xuDQjEQ1R3ma7E2M-pfqDWQL3cc@1000x562.jpg" alt="" /> <img id="rema2" class="rema" src="http://ekladata.com/cYs3M7mfN-_RJLmQ1DAbacBxlKE@1000x562.jpg" alt="" /> <img id="rema3" class="rema" src="http://ekladata.com/9WKdH7tN-5l8UDdLOZ9Fe88Ecic@1000x562.jpg" alt="" /> <img id="rema4" class="rema" src="http://ekladata.com/4o5mmLj0MCSBkriGKeawlPyXT8A@1000x562.jpg" alt="" /> <img id="rema5" class="rema" src="http://ekladata.com/QwzMg3xVixQbWIoACc2J7Yar5_Y@1000x562.jpg" alt="" /> <img id="rema6" class="rema" src="http://ekladata.com/iVl5f76Kmhmcf0PsR8BYc3-FUhU@1000x562.jpg" alt="" /> <img id="rema7" class="rema" src="http://ekladata.com/IhN0cDYp2qFGnIuXtdgsPL3VWxw@1000x562.jpg" alt="" /> <img id="rema8" class="rema" src="http://ekladata.com/m25DIN5eAys60EuFiQ1mJZ6F8yU@1000x562.jpg" alt="" /></div>
    <style><!--
    .rem{position:absolute; z-index:1; box-sizing:border-box; width:50px; height:36px; border:1px solid black; background:lightgey; box-shadow:inset 3px 3px 5px black, inset -4px -4px 6px white; border-radius: 15px 15px 0 0;}
    #rem1{transform:translate(100px,-38px);}
    #rem2{transform:translate(200px,-38px);}
    #rem3{transform:translate(300px,-38px);}
    #rem4{transform:translate(400px,-38px);}
    #rem5{transform:translate(500px,-38px);}
    #rem6{transform:translate(600px,-38px);}
    #rem7{transform:translate(700px,-38px);}
    #rem8{transform:translate(800px,-38px);}
    .rema{position:absolute; z-index:1; width:1000px; height:562px; opacity:0; transition:all 1s;}
    #rem1:hover ~ #rema1,#rem2:hover ~ #rema2,#rem3:hover ~ #rema3,#rem4:hover ~ #rema4,#rem5:hover ~ #rema5,#rem6:hover ~ #rema6,#rem7:hover ~ #rema7,#rem8:hover ~ #rema8{opacity:1;}
    --></style>