2009-09-08 7 views

Répondre

8

référence le script jQuery suivi par le script lightbox dans votre html document.Like donc,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<script type="text/javascript" src="source-of-jquery.js"></script> 
<script type="text/javascript" src="source-of-lightbox-plugin.js"></script> 
<script type="text/javascript" src="source-of-script-with-your-jquery-code-in.js"></script> 
</head> 
<body> 

.... 

alors vous aurez besoin d'utiliser la visionneuse en conséquence. Par exemple, dans source-of-script-with-your-jquery-code-in.js

$(function() { 
$('#gallery a').lightBox({fixedNavigation:true}); 
}); 

se fixe le plugin lightbox à chaque élément <a> qui est un enfant de l'élément avec l'id gallery

EDIT:

jQuery est rien, mais un framework JavaScript (quoique un bon cadre). Si vous débutez dans le développement Web de votre site Web, je vous suggère de regarder JavaScript en conjonction avec jQuery, car c'est le bloc de construction du framework et de vous aider à comprendre comment cela fonctionne mieux. Voici quelques ressources pour vous aider à démarrer

4

Vous devez référencer le jquery fichier javascript que vous avez téléchargé dans votre html

<script type="text/javascript" src="/path_to_js_files/jquery.js"></script> 

Vous devrez également ajouter une référence au fichier js que vous avez téléchargé pour le plugin lightbox.

Il existe un tutoriel pour débutants sur jQuery here.

Questions connexes