popup image

[KarBorAtoR]

Здравейте!
Накратко ...
Опитвам се да направя така,че когато посоча с мишката върху Thumbnail на снимката чрез jquery
да се покаже и големиат вариант.
Обаче:
1.Написаниат код от мен бачка само за първата снимка(т.е на следващите не показва голямата снимка)
2.Показват се всички големи снимки на Thumbnailovete вместо точно тази върху която сам минал с мишката.

Ето и кода на Jquery:

Код: Javascript

1.    $('document').ready($(function(){
2.       $(function(){
3.             $('#slider2 img').hide();
4.             $('#image_select2 img').hover(function(){
5.                  $(this).stop().animate({'opacity' : '0.4'}, 700);
6.             }, function(){
7.                $(this).stop().animate({'opacity' : '1'}, 700);
8.             });
9.          
10.            
11.           $('#image_select2 img').mouseover(function(){
12.               var big_image_class = $(this).attr('class');
13.               var pos = $('#slider2 .'+big_image_class).position();
14.              
15.               $('#slider2 img').animate({'top' : -pos.top}, 100, "easeOutBack").show("slow");
16.              
17.           })
18.          
19.          });
20.  
21.    }));

Ето и пхп и хтмл кода:

Код: PHP

1. echo '<div id="display2">
2.        <div id="slider2">';
3.         if($id_poste==$v['post_id'])
4.          {
5.                echo '<img src="download'.DIRECTORY_SEPARATOR.'user_pics'.DIRECTORY_SEPARATOR
6.                .'products'.DIRECTORY_SEPARATOR.$id_poste.$v['pic_name'].'"
7.                class="'.$v['post_id'].'">
8.              ';
9.              
10.          
11.         }
12.         echo ' </div>    
13.               </div>';
14.  
15.       echo '<div id="image_select2">';
16.       if($id_poste==$v['post_id'])
17.       {
18.          echo '
19.                <img src="download'.DIRECTORY_SEPARATOR.'user_pics'.DIRECTORY_SEPARATOR
20.                 .'products'.DIRECTORY_SEPARATOR.'Thumb_Page_1_'.$id_poste.$v['pic_name'].'"
21.                class="'.$v['post_id'].'">
22.                
23.                ';
24.       }
25.       echo '</div>';

[MrCroZer]

Огради си кода.
Много функции слагаш за няма нищо, махни излишните неща.

Код: Javascript

1.  $('#slider2 img').animate({'top' : -pos.top}, 100, "easeOutBack").show("slow");

не трябва ли да стане

Код: Javascript

1. $('#slider2 .'+big_image_class).animate({'top' : -pos.top}, 100, "easeOutBack").show("slow");