Webdevbiz

Forums pour webmasters
 
AccueilAccueil  ­PortailPortail  ­FAQFAQ  ­RechercherRechercher  ­MembresMembres  ­GroupesGroupes  ­S'enregistrerS'enregistrer  ­ConnexionConnexion  
Partager | 
 

 Donner un coup de frais a vos images et a vos Vidéos

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Messages: 11
Date d'inscription: 23/10/2008

MessageSujet: Donner un coup de frais a vos images et a vos Vidéos   Jeu 23 Oct - 16:53

Bonsoir a toutes et a tous,

Un petit script pour donner un coup de frais a vos images, ca s'apelle lightbox, c'est sympa et c'est simple d'utilisation :wub:

Link : --> http://www.huddletogether.com/projects/lightbox2/

Télécharger : http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.03.3.zip

Pour le faire fonctionner c'est simple, inséré ses quelques lignes entre <head> et </head>

Code:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Reste plus qu'as ajouter votre lien pour une image individuelle :

Code:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Ou pour une serie d'image :

Code:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

----------------------------------------------------------------------

Vous trouver ce script sympa mais vous vous dites " J'aimerais bien la meme chose pour mes vidéos Evil or Very Mad ", pas de panique ca existe aussi et ca s'apelle Vidéobox

Link : --> http://videobox-lb.sourceforge.net/

Télécharger : http://mesh.dl.sourceforge.net/sourceforge/videobox-lb/videobox_1.1.zip

Pour le faire fonctionner c'est simple, inséré ses quelques lignes entre <head> et </head>

Code:
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />

Reste plus qu'as ajouter votre lien :

Code:
<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">Cliquer ici pour visionner la vidéo</a>

----------------------------------------------------------------------

Retrouver l'ensemble de ses informations sur les sites respectifs de Lightbox et Vidéobox

Nemilos

_________________
Hébergement : 1&1
Sponsor : Goracash
Webdesign : http://www.artsgraphs.com/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://webdevbiz.kikooforum.com
 

Donner un coup de frais a vos images et a vos Vidéos

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Webdevbiz :: Webmasters :: Astuces Webmasters-