Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: FadeSlideShow - instrukcja  (Przeczytany 2014 razy)

Katty

  • Moderator Globalny
  • Fanik
  • *****
  • Wiadomości: 216
  • Reputacja: 11
    • Status GG
    • Zobacz profil
FadeSlideShow - instrukcja
« dnia: 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
2) Wklej ten kod w sekcji HEAD na swojej stronie (w header.php)
Cytuj
<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:
Cytuj
   ["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ć
Cytuj
dimensions: [250, 180]

oraz podaj pełny adres pliku fadeslideshow.js (np. britney.fan-strefa.pl/wp-content/themes/brit/fadeslideshow.js
Cytuj
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
Cytuj
<div id="fadeshow1"></div>

mam nadzieję, że komuś się przyda. :)
« Ostatnia zmiana: 01 Grudzień 2011, 16:21:11 wysłana przez Catty »

Zuzolinda

  • Super Fan
  • *****
  • Wiadomości: 1036
  • Reputacja: 14
    • Zobacz profil
    • Taylor Swift Polska
Odp: FadeSlideShow - instrukcja
« Odpowiedź #1 dnia: 01 Grudzień 2011, 16:25:51 »
Ja to próbuję od dawna ogarnąć, ale jeszcze mi się nie udało. Spróbuję z Twoją instrukcją, więc leci + :)

Alison

  • Fanik
  • **
  • Wiadomości: 295
  • Reputacja: 0
    • Zobacz profil
Odp: FadeSlideShow - instrukcja
« Odpowiedź #2 dnia: 23 Styczeń 2012, 21:35:22 »
Wielkie dzięki :* Na pewno wypróbuję :)
Jakby teraz mogłoby się dać + to byś na pewno dostała ;*
« Ostatnia zmiana: 23 Styczeń 2012, 21:41:47 wysłana przez Alison »

Blake ♥ Rihanna ♥ Nicki Minaj

Wykonuję zamówienia ;D http://www.forum.fan-strefa.pl/index.php/topic,3028.msg47363/boardseen.html#new

Forum portalu Fan-Strefa.pl

Odp: FadeSlideShow - instrukcja
« Odpowiedź #2 dnia: 23 Styczeń 2012, 21:35:22 »