Inserire script jquery nel sito

selvaggia

Utente Attivo
12 Giu 2013
58
1
6
Salve a tutti ho cercato in giro per internet delle informazioni su jquery. Ho letto che dovevo scaricare dal sito di jquery il file, e così ho fatto.
Ho cercato uno script che mi piaceva lo trovato e scaricato ora come posso inserire nel mio sito lo script con le immagini che voglio io?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, devi per prima cosa includere la libreria nella head della pagina e poi inserire lo script
HTML:
<script src="percorso sul tuo server della libreria jquery" type="text/javascript"></script>
<script type="text/javascript">
  // tutto il codice
</script>
 

selvaggia

Utente Attivo
12 Giu 2013
58
1
6
Ciao, devi per prima cosa includere la libreria nella head della pagina e poi inserire lo script
HTML:
<script src="percorso sul tuo server della libreria jquery" type="text/javascript"></script>
<script type="text/javascript">
  // tutto il codice
</script>

Per percorso sul tuo server cosa intendi? perchè io ora sto lavorando in locale e quindi il file scaricato che ho semplicemente rinominato jquery.js è nella stessa cartella degli altri file che fanno parte della pagina web.
Dove dovrei salvarla?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
se è nella stessa cartella puoi scrivere cosi
HTML:
<script src="jquery.js" type="text/javascript"></script>
se è in una sottocartella
HTML:
<script src="nomecartella/jquery.js" type="text/javascript"></script>
se invece è in una cartella fuori da quella dove hai il file
HTML:
<script src="../nomecartella/jquery.js" type="text/javascript"></script>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
no, se guardi nelle note di quel file c'è scritto che non fa parte del plugin
devi includere dopo la libreria jquery questo
HTML:
<script src='photobox/photobox.js'></script>
 
Ultima modifica:

selvaggia

Utente Attivo
12 Giu 2013
58
1
6
no, se guardi nelle note di quel file c'è scritto che non fa parte del plugin
devi includere dopo la libreria jquery questo
HTML:
<script src='photobox/photobox.js'></script>

Ciao grazie mille dell'aiuto che mi stai fornendo. Quindi io dopo aver fatto i collegamento alla pagina di css inserisco questo:
HTML:
<link rel="stylesheet" type="text/css" href="StileP.css">
                <script src="jquery.js" type="text/javascript">
                </script>
		
                <script src='galleria/photobox/photobox.js'></script>
                </head>

Ma non fà nulla!! :(
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
devi aggiungere la lista delle immagi e richiamare la funzione
HTML:
<ul id='gallery'>
            <li class="loaded">
                <a href="http://forum.mrwebmaster.it/images/01.jpg">
                    <img src="http://forum.mrwebmaster.it/images/01.jpg" alt="photo1 title">
                </a>                    
            </li>
            <li class="loaded">
                <a href="http://forum.mrwebmaster.it/images/02.jpg">
                    <img src="http://forum.mrwebmaster.it/images/02.jpg" alt="photo2 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="http://forum.mrwebmaster.it/images/03.jpg">
                    <img src="http://forum.mrwebmaster.it/images/03.jpg" alt="photo3 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="http://forum.mrwebmaster.it/images/04.jpg">
                    <img src="http://forum.mrwebmaster.it/images/04.jpg" alt="photo4 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="http://forum.mrwebmaster.it/images/05.jpg">
                    <img src="http://forum.mrwebmaster.it/images/05.jpg" alt="photo5 title">
                </a>                  
            </li>
        </ul>
        <script type='text/javascript'>
            $('#gallery').photobox('a', {time: 0});
        </script>
il percorso delle tue immagini ovviamente dovrà essere corretto
 

selvaggia

Utente Attivo
12 Giu 2013
58
1
6
ho provato a inserire le immagini come mi hai consigliato te, ma nulla si vede solo le immagini messe a elenco. non avviene niente, sembra qasi che non veda il javascript
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Questa è la prova completa che ho fatto io con l'esempio che hai indicato e funziona
HTML:
<html lang="en">
    <head>
        <title>Esempio</title>
        <link rel="stylesheet" href="styles.css">
        <link rel="stylesheet" href="photobox/photobox.css">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script src='photobox/photobox.js'></script>

    </head>
    <body>
        <ul id='gallery'>
            <li class="loaded">
                <a href="images/01.jpg">
                    <img src="images/01.jpg" alt="photo1 title">
                </a>                    
            </li>
            <li class="loaded">
                <a href="images/02.jpg">
                    <img src="images/02.jpg" alt="photo2 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="images/03.jpg">
                    <img src="images/03.jpg" alt="photo3 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="images/04.jpg">
                    <img src="images/04.jpg" alt="photo4 title">
                </a>                  
            </li>
            <li class="loaded">
                <a href="images/05.jpg">
                    <img src="images/05.jpg" alt="photo5 title">
                </a>                  
            </li>
            <li class="video loaded">
                <a href="http://www.youtube.com/embed/W3OQgh_h4U4" rel="video">
                    <img src="http://img.youtube.com/vi/W3OQgh_h4U4/0.jpg" title="PEOPLE ARE AWESOME 2013 FULL HD ">
                </a>                  
            </li>
        </ul>
        <script type='text/javascript'>
            $('#gallery').photobox('a', {time: 0});
        </script>
    </body> 
</html>
devi assicurarti che i file nella head siano richiamati correttamente, se ne manca uno non funziona come deve
poi dovrai personalizzare lo styles.css
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Inserire Script Jquery in immagine html con zone cliccabili jQuery 2
D [Javascript] inserire uno script in un file php Javascript 6
9 inserire contenuto in un file pdf aperto sul browser tramite script php PHP 0
A [PHP] inserire paginazione su script php/mysql PHP 6
P Inserire classe su script Google Analitics Magento 0
C Inserire script nell'head di WP WordPress 3
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
D Inserire script php in un sito PHP 1
giancadeejay Script immagini random -voglio inserire i link alle immagini PHP 11
W Inserire link in script Javascript 17
Pandaproject Inserire Collegamento ipertestuale dentro uno script *.js Javascript 0
H Aiuto grazie per inserire un script di annunci PHP 2
B Inserire script nelle pagine web PHP 1
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
D Inserire link PHP 0
L PHPSpreadsheet inserire dati da file .xlsx/.xls su database PHP 2
P inserire due voci in un titolo post wp WordPress 1
R inserire video nel sito HTML e CSS 15
J Inserire blog wordpress in angular CMS (Content Management System) 1
A inserire variabile php colore in div html PHP 2
L inserire dati multi livello PHP 8
G Inserire una scritta Java 1
M Inserire variabile nella value di una hidden PHP 3
S Inserire foto in ogni cella di una tabella Javascript 0
G inserire dati automaticamente in mysql PHP 0
B Vorrei inserire una finestra con messaggio ad un history.back PHP 16
Shyson Inserire placeholder nel campo cerca PHP 5
M Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente PHP 42
atipika INSERIRE ICONE DOWNLOAD E STAMPA WORDPRESS WordPress 10
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
B inserire valori da una tabella a un altra mysql PHP 34
napuleone [HTML] type="file" inserire path di partenza HTML e CSS 4
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
R [WordPress] Inserire campi aggiuntivi ad un Submit Form già dato dal template (front-end) WordPress 0
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
G Inserire "Leggi il resto dell'articolo" con link al post sul sito preso via RSS Email Marketing 0
M [PHP] Come inserire codice html in un ciclo while PHP 2
P [PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo PHP 0
J [Javascript] Inserire un caricamento con animazione prima dell'esecuzione di un'azione Javascript 1
Shyson [PHP] Inserire testo nel codice PHP 2
D Mailchimp - Possibile inserire doppia condizione per i triggers? Email Marketing 0
A [MS Access] Pulsante per inserire allegati in campo maschera MS Access 0
Shyson [HTML] Inserire nuovo font con @font-face HTML e CSS 5
Alex_70 Inserire photo in php PHP 0
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
F INSERIRE IN UN'UNICA CASELLA DI TESTO REPORT ACCESS I VALORI DELLA TABELLA DI UN'INTERA COLONNA MS Access 2
A [HTML] Come inserire google review stars nelle pagine del mio sito HTML e CSS 0
spider81man Connettersi ad un DB ed inserire dati con Javascript Javascript 3
spider81man [PHP] Inserire file .pdf in db PHP 6

Discussioni simili