Posteaza un subiect nouRaspunde la subiect

SufarStaR
Rang:Administrator
avatar
Mesaje : 126

MesajSubiect: Ultimate Fade-in slideshow   Mar Iun 08, 2010 8:01 pm
SubtitluComentariu
Descriere
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

» Instructiuni:

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://pmsc.free.fr/gb/J/1068193918.js">


</script>
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: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.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











Scris de...


Pker StaR
http://img811.imageshack.us/img811/6806/designer1l.png " border="0" alt="" />
http://img5.imageshack.us/img5/5953/designeroi.png " border="0" alt="" />





creeaza un forum | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Blogratuit.ro