[AJAX][XML][CSS]Pomoc przy sliderze, jakies porady, pomysły, sugestie Opcje

[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

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ś ?

[HTML] pobierz, plaintext 
<style>
div.wysun
{
width:200px;
height:408px;
background-color: olive;
background-image: url(kostka2.jpg);
transition: width 2s;
-webkit-transition: width 2s;
-o-transition: width 2s;
-moz-transition: width 2s;
}
div.wysun:hover 
{width:440px;}
</style>
[HTML] pobierz, plaintext 

[przemo191]

Jak kolega wyżej polecam http://api.jquery.com/animate/
Sposób bardziej kompatybilny chwilowo niż css3.