Mont2.14.4.23

Mont2.14.4.23

9 images au ratio 16/9, en 1000x563px, placées dans un paragraphe (id="def") dont la position varie par un clic sur chacun des boutons.

Je ne propose pas d'animation automatique car j'aime que le visiteur/la visiteuse puisse choisir ce qu'il veut comme animation et non se retrouver, comme devant la télévision, à regarder les images défiler.

Cependant, on peut modifier simplement ce code pour qu'il s'anime en automatique.

<div style="position: relative; overflow: hidden; width: 1000px; height: 563px; margin: 30px auto; text-align: left; border: 4px solid white; box-shadow: 4px 4px 8px black;"><input id="cd1" class="cd" type="button" value="1" /> <input id="cd2" class="cd" type="button" value="2" /> <input id="cd3" class="cd" type="button" value="3" /> <input id="cd4" class="cd" type="button" value="4" /> <input id="cd5" class="cd" type="button" value="5" /> <input id="cd6" class="cd" type="button" value="6" /> <input id="cd7" class="cd" type="button" value="7" /> <input id="cd8" class="cd" type="button" value="8" /> <input id="cd9" class="cd" type="button" value="9" />
<p id="def"><img class="mg" src="http://ekladata.com/euxUfBMzvqIONTrZItV_Nu0BbJ8.jpg" alt="" /><img class="mg" src="http://ekladata.com/zwsGnNj-2HDOCEb92-4XrrRHUFM.jpg" alt="" /><img class="mg" src="http://ekladata.com/m0zhS5deN60phjowc0Q3CqUvuQQ.jpg" alt="" /><br /><img class="mg" src="http://ekladata.com/V0ZNAkopEEd37ty-iWDOgDGZ5vc.jpg" alt="" /><img class="mg" src="http://ekladata.com/e2evQEgMSYEEl04fBotQESwaxz8.jpg" alt="" /><img class="mg" src="http://ekladata.com/YfMraBs9YQjY02Iq2mORf6PqQQw.jpg" alt="" /><br /><img class="mg" src="http://ekladata.com/DB0MIA16yyJos6whRs1NKqWymZI.jpg" alt="" /><img class="mg" src="http://ekladata.com/Ulm_g1BNbSs1_fYPipP37Nr2Rrg.jpg" alt="" /><img class="mg" src="http://ekladata.com/uMJFNOxnlQqcd6tOImEIaiHpEW4.jpg" alt="" /></p>
</div>

<style></style>