2009-06-11 1 views
0

Ich versuche, die nächsten/vorherigen Schaltflächen mit SLIMBOX Galerie arbeiten, nachdem Sie einen AJAX-Aufruf verwenden, um Inhalt dynamisch zu laden.Slimbox nach Ajax Anruf, mit next/previous Funktionen

$(document).ready(function() { 

$('.content_box').hide(); 
$('.sf-menuUP a').click(function(){ 
$('.content_box').fadeIn('slow'); 
}); 

var hash = window.location.hash.substr(1); 
var href = $('.sf-menuUP li a').each(function(){ 
    var href = $(this).attr('href'); 
    if(hash==href.substr(0,href.length-5)){ 
     var toLoad = hash+'.html #content'; 
     $('#content').load(toLoad) 
    }           
}); 

$('.sf-menuUP li a').click(function(){ 

    var toLoad = $(this).attr('href')+' #content'; 
    $('#content').fadeOut('fast',loadContent); 
    $('#load').remove(); 
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 
     $('#content').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#content').fadeIn('normal',hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 
}); 
$("a[rel^='lightbox']").livequery(function(){ 
    $(this).slimbox({/* Put custom options here */}, null, function(el) { 
       return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); 
    }), function() { 
     //remove slimbox? this is called when elements no longer match 
    } 
}); 

});

Die Slimbox bekommt Rebound mit Livequery, ich weiß einfach nicht, wie man die nächsten/vorherigen Funktionen von Slimbox neu bindet. Ich hoffe, das ist genug Info, um weiterzumachen, ich muss wirklich funktionieren. Vielen Dank.

Antwort