Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][XML][CSS]Pomoc przy sliderze
Forum PHP.pl > Forum > Przedszkole
ahryciuk

Witam wszystkich, drodzy koledzy mam taki oto dylemat, chciałbym z tego obrazka co umieściłem uzyskać taki efekt iż po najechaniu myszą na lewy obrazek zakrył on ten prawy po zjechaniu spowrotem wrócił do pozycji wyjsciowej po najechaniu na prawy zakrył on ten lewy, taki animowany slider i tak w kolo oczywiscie zeby te obrazki były również odnośnikami, macie jakieś pomysły jak to zrobić ? jakieś może poradniki, linki mile widziane, czekam na wasze propozycje a może ktoś juz coś takiego robił i ma jakieś proste rozwiązanie ? Pozdrawiam wszystkich
mikolaj51
Może skorzystaj z biblioteki jQuery - .animate()
W ten sposób powinno udać się Ci osiągnąć ten efekt smile.gif

http://api.jquery.com/animate/
ahryciuk
a dalo by rade troche wiecej szczegolow bo w jedna strone to jeszcze znosnie ale dla drugiego obrazka to juz sie robią schody z nakladaniem sie warstw i za bardzo nie wiem jak sie za to zabrac ;/

hm, pomyślałem że można użyć css3 i skorzystać z transition, ale mam kolejne pytanie da się odsłaniać obrazek z prawej do lewej ? bo z lewj do prawej to nie problem, ale nie wiem jak zrobić to w drugą stronę ? Pomoże ktoś ?
  1. div.wysun
  2. {
  3. width:200px;
  4. height:408px;
  5. background-color: olive;
  6. background-image: url(kostka2.jpg);
  7. transition: width 2s;
  8. -webkit-transition: width 2s;
  9. -o-transition: width 2s;
  10. -moz-transition: width 2s;
  11. }
  12. div.wysun:hover
  13. {width:440px;}
przemo191
Jak kolega wyżej polecam http://api.jquery.com/animate/
Sposób bardziej kompatybilny chwilowo niż css3.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.