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.htm2) 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.