11490 sujets

JavaScript, DOM et API Web HTML5

Salut tout le monde,

J'utilise le plugin ScrollTo pour faire defiler les differentes rubriques d'un site en construction
Dans la rubrique photos, j'ai mis en place le script Colorbox qui fonctionne tres bien sur une page test, mais pas dans une div "chargée" par ScrollTo (sur mon site il faut cliquer sur photos puis sur la petite icone "+", qui devrait normalement lancer la colorbox/effet lightbox)

Je pense que la fonction Colorbox doit etre reinitialisée lorsqu'on utilise le menu ScrollTo.
J'ai essayé par ce code ($('#wrapper').scrollTo($(this).attr('href'), 800, {onAfter:$.colorbox.init()});) mais ça ne fonctionne pas :

$(document).ready(function() {

    $('a.panel').click(function () {

        $('a.panel').removeClass('selected');
        $(this).addClass('selected');
        
        current = $(this);
        
        $('#wrapper').scrollTo($(this).attr('href'), 800, {onAfter:$.colorbox.init()});        
        
        return false;
    });

    $(window).resize(function () {
        resizePanel();
    });
    
});

function resizePanel() {

    width = $(window).width();
    height = $(window).height();

    mask_width = width * $('.item').length;
        
    $('#debug').html(width  + ' ' + height + ' ' + mask_width);
        
    $('#wrapper, .item').css({width: width, height: height});
    $('#mask').css({width: mask_width, height: height});
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);
        
}


si l'un de vous a une idée, merci d'avance ! Smiley cligne
onAfter semble réclamer une fonction. Avez-vous essayé ça ?

$('#wrapper').scrollTo($(this).attr('href'), 800, {onAfter:function(){$.colorbox.init()}});   
Après rapide coup d'oeil à la doc de colorbox :

$('#wrapper').scrollTo($(this).attr('href'), 800, {onAfter:function(){
   $.colorbox.remove();
   //$.colorbox.init(); <== pas sûr, à tester avec et sans
   $("a[rel='colorbox']").colorbox({slideshow:true});
}}); 


Mais attention, vous semblez avoir un problème tout autre sur votre site, un soucis de zindex ou quelque chose du genre.
Modifié par JDW (25 Jan 2011 - 17:38)
j'ai testé avec et sans la partie en commentaire mais ça ne fonctionne pas
j'ai mis a jour en ligne : http://www.bagdadrodeo.org/v2/
en ce qui concerne le z-index cela permet au contenu de "passer sous le cowboy"
cela pose problème a quel niveau ?
merci !
merci beaucoup !
effectivement le problème venait du z-index négatif qui empêchait le click sur la photo.
au final même pas besoin de réinitialiser colorbox !
merci encore pour ton aide ! Smiley biggrin