[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

[Wolfie]

Ostatnio mialem ten problem ze ladowalem ajaxem kod ktory generowal kolejny load() i wtedy uzywalem poprostu funkcji live().

A czy musze przerabiac cala funkcje na ajax() czy wystarczy ze podam DataType jako parametr load() ?

-------------------------------------------------------
Zrobilem taka kombinacje :

[HTML] pobierz, plaintext 
$("div.data a").live("click",function(){
        $('#foto').ajax({
              url: "gallery.php",
              type: "POST",
              data: ({'dir':$(this).parent('div.data').attr('rel'),
                            'kategory':$(this).parent('div.data').attr('value'),
                            'gallery':'yes'}),
              dataType: "script",
              success: function(){
                 $(this).hide().fadeIn('slow');
                }
        });
[HTML] pobierz, plaintext 

No ale wywala mi blad ze ajax to nie funkcja, no i teraz sie zamotalem bo nie wiem jak mam obsluzyc click w takim wypadku, no bo nie podepne do $('#foto') click bo przeciez chce klikac na $('#div.data a') ale chce tez ladowac skrypt do $('#foto').....no i sie pogubilem....

Firebug wywala mi taki blad :

$("#foto").ajax is not a function
[Break on this error] success: function(){\r\n

Ten post edytował Wolfie 18.09.2009, 16:34:57