[jQuery] Galeria - klikniecie na obrazek wywoluje nastepny Opcje

[Wolfie]

Witam

Mam taki kod :

[PHP] pobierz, plaintext 
if($_POST['gallery'] == 'yes') {
        $rows = $data->galleryKategory($_POST['kategory'],$_POST['dir']);
        $imgs = explode(', ', $rows[0]['img_dir']);
        $count = count($imgs);
        $width = $count*660;
        echo '<div id="gallery" class="gallery">'.
                '<div class="img_container" id="img_container" style="width:'.$width.'px;">';
        for($i=0; $i<$count; $i++) {
            echo '<img src="'.$imgs[$i].'" alt="na">';
        }
        echo '</div>'.
                '<a href="java script:; class="prev"></a>'.
                '<a href="java script:; class="next"></a>'.
            '</div>';
    }
[PHP] pobierz, plaintext 

Z grupsza wytlumacze o co chodzi zeby nie trzeba bylo sie meczyc (IMG:style_emoticons/default/winksmiley.jpg)

Wiec pobieram sobie ilosc obrazkow z bazy danych i na tej podstawie generowana jest ilosc znacznikow img o src ktore pochodzi z bazy danych, zawsze generuje sie kilka img.

No i teraz kod jQuery ktory po kliknieciu na obrazek powinien go przesuwac :

[HTML] pobierz, plaintext 
//jQuery Doc
//---------------------------
//zmienne dla galerii
$move_by = 660;
$frame_left = 0;
$frame_no = 1;
 
$(document).ready(function() {
 
    //------------------------------------------
    // Obsluga galerii
    $max_clicks = $("#img_container").children.size;
 
    $(".img_container img").live("click", function(){
        $new_frame_no = (($frame_no/1) + 1);
        $new_left = (($frame_left/1) + $move_by);
        $new_left_attr = $new_left + "px";
        if($new_frame_no < $max_clicks) {
            $("#img_container").animate({left: $new_left_attr}, 800);
            $frame_left = $new_frame_left;
            $frame_no = $new_frame_no;
        }
    });
});
[HTML] pobierz, plaintext 

Jak widzimy w pierwszej linijce :

[HTML] pobierz, plaintext 
$(".img_container img").click(function(){
[HTML] pobierz, plaintext 

Klikniecie na img powinno spowodowac wywolanie danego dzialania zawartego dalej w funkcji ale tak sie niestety nie dzieje.

Wszystkie obrazki laduja sie prawidlowo ale nie chca sie przesuwac......

Ten post edytował Wolfie 18.09.2009, 12:03:36

[nitek]

po pierwsze: o co chodzi z tym?

Kod

'<a href="java script:; class="prev"></a>'

cudzysłów w href niedomknięty, do tego nie ma czegoś takiego jak "java script:"...

po drugie:
w JS nie tworzymy zmiennych $move_by=60; tylko jak już, to var move_by=60;

od tego zacznij...