Diaporama verticale
Code :
<p><img class="livreb" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1965.JPG" alt="" /> <img class="livreb" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1966.JPG" alt="" /> <img class="livreb" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1967.JPG" alt="" /> <img class="livreb" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1968.JPG" alt="" /></p>
<style type="text/css"><!--
.livreb{
-webkit-transition:all 2s linear;
-moz-transition:all 2s linear;
border:4px ridge grey;
float:left;
width:30px;
height:420px;}
.livreb:hover{
width:560px;}
--></style>
autre code :
Le code de ce montage:
<p><img class="livre" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1965.JPG" alt="" /> <img class="livre" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1966.JPG" alt="" /> <img class="livre" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1967.JPG" alt="" /> <img class="livre" src="https://ekladata.com/pourquoi-pas-732.eklablog.com/perso/2014/mai-2014/08.05.14/DSCN1968.JPG" alt="" /></p>
<style type="text/css"><!--
.livre{
-webkit-transition:all 2s linear;
-moz-transition:all 2s linear;
border:4px ridge grey;
float:left;
width:30px;
height:533px;}
.livre:hover{
width:710px;}
--></style>