Diapo 6B

Diapo 6B

Le visiteur à l'origine de ma série de diaporamas, aime les diapos qui "tournent tout seul".

J'ai ajouté, sur cette proposition, un arrêt au survol pour laisser une action au lecteur; cependant, il est très simple de modifier cette action et n'animant le diaporama qu'en le survolant.

Le code est très similaire, comme vous pouvez le constater; il faut simplement ajouter que le diapo s'anime au survol, dans votre article.

Il suffit de faire que l'animation soit, au départ, en pause (animation-play-state:paused;) et, qu'au survol, elle s'anime (animation-play-state:running;)

et pi c'est tout !

<div style="position: relative; margin: 30px auto; width: 1000px; height: 750px; border: 6px ridge gold; border-radius: 150px; box-shadow: 4px 4px 8px black; overflow: hidden;">
<p id="vert"><img src="http://ekladata.com/YHrV761qOhWzGB_Or_elUNhISQM@1000x750.jpg" alt="" /><img src="http://ekladata.com/MlMvqItSh1MlV_tgC2vYKVqjDCU@1000x750.jpg" alt="" /><img src="http://ekladata.com/1bqYpGc7lasB5tm-NZons0hpB08@1000x750.jpg" alt="" /><img src="http://ekladata.com/Y9zeGMNlvJUJcAPgbfky1IGo85E@1000x750.jpg" alt="" /><img src="http://ekladata.com/SOzKyVaR-x5p_hdBA3nUaCak15E@1000x750.jpg" alt="" /><img src="http://ekladata.com/iZmr3uuzxG0NM8qDLVz3E2qtZeU@1000x750.jpg" alt="" /></p>
</div>
<style></style>