Passo 1 Script :
Selezionare tutto il codice , quindi posizionandovi sul testo evidenziato adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.touchSwipe.min.js"></script> <style type="text/css"> #myreel{ /*sample CSS for demo*/ border:15px solid black; } .paginate{ width: 330px; margin-top:5px; font:bold 14px Arial; text-align:center; } </style> <script src="reelslideshow.js" type="text/javascript"> /*********************************************** * Continuous Reel Slideshow- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ </script> <script type="text/javascript"> var firstreel=new reelslideshow({ wrapperid: "myreel", //ID of blank DIV on page to house Slideshow dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http://i26.tinypic.com/11l7ls0.jpg"], //["image_path", "optional_link", "optional_target"] ["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"], ["http://i30.tinypic.com/531q3n.jpg"], ["http://i31.tinypic.com/119w28m.jpg"] //<--no trailing comma after very last image element! ], displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true}, orientation: "h", //Valid values: "h" or "v" persist: true, //remember last viewed slide and recall within same session? slideduration: 300 //transition duration (milliseconds) }) </script>

Passo 2 Script :
Selezionare tutto il codice , quindi posizionandovi sul testo evidenziato adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <body> e </body>.

<div id="myreel"></div> <div class="paginate"> ≤ <a href="javascript:firstreel.navigate('back')" style="margin-right:200px;">back</a> <a href="javascript:firstreel.navigate('forth')">forth</a> ≥ </div>

NOTE SULLO SCRIPT :

Il valore ID del DIV deve corrispondere con il valore impostato
nell'opzione wrapperid nel codice di sopra Passo 1. Quando la pagina viene caricata, lo script caricherà la galleria in questo DIV. Questo è tutto per l'installazione! È ora di dare un'occhiata a tutte le opzioni disponibili a vostra
disposizione durante l'inizializzazione ogni istanza di Slideshow Reel sulla pagina

LASCIA IL TUO COMMENTO

Fatal error: Uncaught Error: Call to undefined function mysql_connect() in /membri/carpeweb/RACCOLTA_SCRIPT_CARPEWEB/017_slide_show_verticale_orizzontale.php:224 Stack trace: #0 {main} thrown in /membri/carpeweb/RACCOLTA_SCRIPT_CARPEWEB/017_slide_show_verticale_orizzontale.php on line 224

RACCOLTA SCRIPT : PHP,HTML,JAVASCRIPT,CSS

Titolo Script:"SLIDE SHOW VERTICALE E ORIZZONTALE"

Autore :http://www.dynamicdrive.com// DEMO_SCRIPT>>>

Descrizione Script:"Slide show immagini con possibilita di
sfogliare le stesse tramite i link
"AVANTI " e "INDIETRO"."

Download File dello Script:
reelslideshow.js
jquery.touchSwipe.min.js (Github)

NOTE SULLO SCRIPT :

LASCIA IL TUO COMMENTO

RACCOLTA SCRIPT : PHP,HTML,JAVASCRIPT,CSS

Titolo Script:"SLIDE SHOW VERTICALE E ORIZZONTALE"

Autore :http://www.dynamicdrive.com// DEMO_SCRIPT>>>

Descrizione Script:"Slide show immagini con possibilita di sfogliare le stesse tramite i link"AVANTI " e "INDIETRO"."

Download File dello Script:reelslideshow.js jquery.touchSwipe.min.js (Github)

NOTE SULLO SCRIPT :

LASCIA IL TUO COMMENTO

Descrizione Script:"Slide show immagini con possibilita di
sfogliare le stesse tramite i link
"AVANTI " e "INDIETRO"."

Download File dello Script:
reelslideshow.js
jquery.touchSwipe.min.js (Github)