Inserire script jquery nel sito

[selvaggia]

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]

Ciao, devi per prima cosa includere la libreria nella head della pagina e poi inserire lo script

<script src="percorso sul tuo server della libreria jquery" type="text/javascript"></script>
<script type="text/javascript">
  // tutto il codice
</script>

 

[selvaggia]

Ciao, devi per prima cosa includere la libreria nella head della pagina e poi inserire lo script

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

se è nella stessa cartella puoi scrivere cosi

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

se è in una sottocartella

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

se invece è in una cartella fuori da quella dove hai il file

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

 

[selvaggia]

Allora io ho scaricato questo script qui -->http://www.html.it/script/photobox/
e al suo interno c' è un file chiamato main.js, questo è quello che devo inserire nello script di java?

 

[criric]

no, se guardi nelle note di quel file c'è scritto che non fa parte del plugin
devi includere dopo la libreria jquery questo

<script src='photobox/photobox.js'></script>

 

[selvaggia]

no, se guardi nelle note di quel file c'è scritto che non fa parte del plugin
devi includere dopo la libreria jquery questo

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

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

devi aggiungere la lista delle immagi e richiamare la funzione

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

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]

Questa è la prova completa che ho fatto io con l'esempio che hai indicato e funziona

<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