Forum portalu Fan-Strefa.pl
Dla webmastera => Tutoriale => Wątek zaczęty przez: Katty w 01 Grudzień 2011, 15:56:04
-
Chciałabym opisać Wam jak się robi animację (zmieniające się zdjęcia na grafice) ponieważ kilka osób już się mnie pytało czy potrafię i czy nie wyjaśnię jak się to robi, oczywiście wszystko jest wyjaśnione na stronie Dynamic Drive ale po angielsku i nie każdy rozumie:
1) Wejdź na stronę http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm (http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm)
2) Wklej ten kod w sekcji HEAD na swojej stronie (w header.php)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</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"],
["http://i29.tinypic.com/xp3hns.jpg"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg"]
],
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>
w tym miejscu podmień linki na swoje:
["http://i26.tinypic.com/11l7ls0.jpg"],
["http://i29.tinypic.com/xp3hns.jpg"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg"]
a w tym określ wysokość i szerokość obrazka, który ma się zmieniać
dimensions: [250, 180]
oraz podaj pełny adres pliku fadeslideshow.js (np. britney.fan-strefa.pl/wp-content/themes/brit/fadeslideshow.js
src="fadeslideshow.js">
3) na powyższej stronie znajdziesz kod z wcześniejszego punktu (ja go trochę uprościłam :) ) + ściągnij plik fadeslideshow.js (prawym klawiszem i zapisz)
4) wgraj plik na stronę do folderu z obecnym/nowym theme
5) wklej w kodzie w odpowiednim miejscu
<div id="fadeshow1"></div>
mam nadzieję, że komuś się przyda. :)
-
Ja to próbuję od dawna ogarnąć, ale jeszcze mi się nie udało. Spróbuję z Twoją instrukcją, więc leci + :)
-
Wielkie dzięki :* Na pewno wypróbuję :)
Jakby teraz mogłoby się dać + to byś na pewno dostała ;*