jquery, animacja zmieniajaca obrazek, Proszę o naprowadzenie Opcje

[Naster]

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
    $().ready(function()
 
    {
 
      var id = parseInt($("#id").val());
 
      $("#left").click(function()
 
      {
 
        $.ajax({url: 'dane.php?a=left', success: function(data)
 
        { 
         $('#pokaz').animate({width: "0px", height: "0px"}, 5000);
 
         $("#pokaz").html(data);
 
        }}); 
 
      });
 
      $("#right").click(function()
 
      {
 
         $.ajax({url: 'dane.php?a=right', success: function(data)
 
         {
            $('#pokaz').animate({width: "0px", height: "0px"}, 5000);
 
           $("#pokaz").html(data);
 
         }}); 
 
      });
 
    });
 
    </script>
[PHP] pobierz, plaintext 

Mam taki oto skrypt. Jednak nie spełnia moich zamiarów jak miałem nadzieję że spełni chodzi mi o zmianę obrazka. Dodam że zmienna data zawiera <img src="sciezka do obrazka.png"></img>

divy są dobrze "zaindyfikowane".

Proszę o naprowadzenie jak rozwiązać mój problem bo ja już nie mam pomysłów.


Edit: zapomniałem o najważniejszym:
zamierzenie to obrazek zmniejsza swoje rozmiary i znika, i w jego miejsce pojawia się drugi ew. jakiś slideshow.

Ten post edytował Naster 22.06.2010, 21:04:22

[Grand93]

Po pierwsze, nie wiem czy masz w HTML Div, który będzie wielkości największego obrazka ( lub większy ) - żeby stronka się nie rozjeżdżała po zmniejszeniu obrazka.

Po drugie - próbowałeś z SlideUp, SlideDown ?

Po trzecie - a jak ma spełniać zamierzenia, jak wszystko wykonuje się od razu.

Po czwarte - po co zmieniasz całą zawartość div zamiast samą ścieżkę obrazka ( w JS jest klasa IMAGE )

Po piąte - aby skrypty nie wykonywały się w jednakowym czasie, w jQuery API jest coś takiego jak dodatkowa funkcja, która wykonuje się po zakończeniu ( w tym wypadku animacji )
$('costam').click(function(){
$('#image').SlideUp(500,fucntion(){
$(this).attr('src','nowa sciezka');
$(this).SlideDown(500);
});
});

Po szóste - Google i Manual nie boli