2009-09-08 15 views

risposta

8

riferimento lo script jQuery, seguito dallo script lightbox nel tuo html document.Like così,

<!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> 

.... 

allora sarà necessario utilizzare il lightbox di conseguenza. Per esempio, in source-of-script-with-your-jquery-code-in.js

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

lega il plugin lightbox ad ogni elemento <a> che è un figlio del elemento con l'id gallery

EDIT:

jQuery non è altro che un framework JavaScript (anche se un ottimo quadro). Se stai iniziando il tuo viaggio di sviluppo web front-end, ti suggerirei di guardare JavaScript insieme a jQuery in quanto è il blocco di base del framework e ti aiuterà a capire come funziona meglio. Ecco alcune risorse per iniziare

4

È necessario fare riferimento al jquery javascript file scaricato nel tuo html

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

Dovrai anche aggiungere un riferimento al file js scaricato per il plugin lightbox.

C'è un tutorial per principianti su jQuery here.

Problemi correlati