Du plus bel effet
Créé par David LAURENT | TMI | Webinnov™
administrateur
Le 13 janvier 2016 à 18 h 09 min
administrateur
Le 9 juin 2014 à 20 h 15 min
David LAURENT
Commentaires fermés sur Ajouter une image illustrant le mois en cours sur votre blog classé dans : Javascript
administrateur
Le 8 juin 2014 à 16 h 08 min
David LAURENT
administrateur
Le 7 juin 2014 à 13 h 28 min
David LAURENT
administrateur
Le 5 juin 2014 à 19 h 19 min
administrateur
Le 2 juin 2014 à 20 h 23 min
<head></head>
|
1 2 3 |
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/spacegallery.js"></script> |
Code HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<div id="contenu"> <div id="myGallery" class="spacegallery"> <img style="top: 1.27761px; margin-left: -71px; opacity: 0.0912579;" src="img/01.jpg" alt="Photo" width="136"> <img style="top: 3.86007px; margin-left: -83px; opacity: 0.184462;" src="img/02.jpg" alt="Photo" width="161"> <img style="top: 7.8076px; margin-left: -109px; opacity: 0.281966;" src="img/03.jpg" alt="Photo" width="212"> <img style="top: 13.2287px; margin-left: -130px; opacity: 0.387221;" src="img/04.jpg" alt="Photo" width="254"> <img style="top: 20.3196px; margin-left: -154px; opacity: 0.506497;" src="img/05.jpg" alt="Photo" width="302"> <img style="top: 29.497px; margin-left: -184px; opacity: 0.655525;" src="img/06.jpg" alt="Photo" width="362"> <img style="top: 43.497px; margin-left: -248px; opacity: 1;" src="img/07.jpg" alt="Photo" width="490"> <a class="" href="#"></a> </div> </div> |
administrateur
Le 19 mai 2014 à 19 h 00 min
Tutoriel : Ajouter un Slider FancyTransitions à votre Site Web
Commencer par télécharger jQuery et jqFancyTransitions et de les inclure entre les balises <head> et </head> comme indiqué ci-dessous:
Code HTML
|
1 2 |
<script type="text/javascript" src="js/jquery-1.js"></script> <script type="text/javascript" src="js/jqFancyTransitions.js"></script> |
Code HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="container"> <div style=" width: 500px; height: 332px; position: relative; background-position: left top;" id="FancyTransitions"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 1 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 2 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 3 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 4 <a href="">Votre Texte</a></i>"> </div> <script> $('#FancyTransitions').jqFancyTransitions({ position: 'curtain' }); </script> </div> </div> |
administrateur
Le 19 février 2014 à 8 h 43 min
Zones de texte déplaçables dans vos pages web
Le Drag and Drop ou l’art du glisser-déposer sur vos pages web.
Via du code javascript couplé au css, vous pouvez insérer des zones de texte ou des photos pouvant être déplacés sur une page web.
Même en cas de superposition, le visiteur de votre page, peut faire glisser une zone pour entrevoir une autre partie cachée.
David LAURENT
administrateur
Le 3 juillet 2013 à 8 h 35 min
administrateur
Le 15 juin 2013 à 16 h 02 min
