płynne przejście między kilkoma schowanymi za siebie zdjęciami, sterowany linkami Opcje

[nazartom]

Witam,

Nie wiem czy temat jasno sformułowałem Chodzi mi o efekt podobny do menu zrobionego we flashu na stronie Rednet Management.
Wiem jak zrobić płynnie przejście dzięki jQuery, gdy mam dwa obrazki - jeden schowany pod drugim (mój przykład).

Mam prosty css:
Kod

Kod

div.menuim {position: absolute; float:left;}
          div.menulink {position:relative; left:520px; float:left;}
          img {position: absolute; border: 1px solid black; padding:1px;}

prosty plik php:
Kod

Kod

$max=2;  // tutaj zmieniamy ilość linków ($max-1), czyli ilość zdjęć, które powinny się płynnie podmieniać
            for ($i=1;$i<$max;$i++) {
                  echo '<div class="menuim">'."\n";
                  echo "<a href='index.php?mid=".$i."'>\n
                           <img src='img/0.jpg' alt = 'test_default' id='0'/> \n
                           <img src='img/".$i.".jpg' alt = 'test_".$i."' id='".$i."'/>\n
                        </a>\n</div>\n";
                  echo '<div class="menulink"><a href="index.php?id=#" >Zdjęcie '.$i.'</a></div>';
            }

no i fragment jQuery:

Kod

Kod$(document).ready(function() {
                          $('.menuim').hover(function() {
                          $('.menuim').find('img:first').show('slow');
                      }, function() {
                          $('.menuim').find('img:last').hide();
                      }).find('img:last').hide();
                      });
                      
           $(document).ready(function() {
                          $('.menulink').hover(function() {
                          $('.menuim').find('img:first').fadeOut('slow').next().fadeIn(1000);
                          
                      }, function() {
                          $('.menuim').find('img:last').fadeOut('slow').prev().fadeIn(1000);
                      }).find('img:last').hide();
              });

Cienias jestem z JS a jQuery poznaję dopiero - szukałem po sieci i sporo jest materiałów na temat fadeIn i fadeOut, lecz nie potrafię tego scalić w działający mechanizm. W sekcji "Przedszkole" nikt jakoś nie chciał mi pomóc ... Czy ktoś z Was spotkał się z podobnym problemem? Może znacie jakieś niezbyt skomplikowane rozwiązanie?

pzdr,
nazartom

Czyżby było to niewykonalne?

Ten post edytował nazartom 28.08.2008, 21:35:41