Ultimate Fade-in slideshow

Ultimate Fade-in Slideshow

Am vazut ca multi dintre voi sa aiba un slideshow pe forum sau intro pagina web asa ca am decis sa va fac astazi un tutorial despre cum sa faceti asta Ultimate Fade-in slideshow 70235

DEMO: Ultimate Fade-in Slideshow

» Instructiuni:

Aveti nevoie de scriptul fadeslideshow.js:
Il aveti de mine uploadat aici

Copiati codul din tabelul altaturat in pagina dumneavoastra web ; dupa care urmati cu atentie pasi explicati de noi .

Acesta este codul pentru editarea pozelor si a textului :

<</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["https://2img.net/h/oi26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["https://2img.net/h/oi29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["https://2img.net/h/oi30.tinypic.com/531q3n.jpg"],
["https://2img.net/h/oi31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})

</script>
<div id="fadeshow1"></div>
</br>
</div>

Modificati pozele si puneti linkurile pozelor voastre :
De la linia 9 pana la 12
dupa fiecare imagine aveti un text il modificati si pe acela dupa preferinte .

Tutorial realizat de catre: Puya pentru forumurile hostate de Forumgratuit.ro

Mentionez ca in realizarea tutorialului am fost ajutat de Nick