Problem with my jquery plugin
Hi all, this is my first post in this forum and i hope someone can help.
My pro is that the animate effect on the new version of my plugin
doesn't work correctly,
http://www.pirolab.it/demo.html
If you see when you navigate the gallery there is a little bug on the transition timeing, the elements animateing doesn't match perfeclty, a little empty space remains onResizing the next or prev image.
My plugin is almost finished, before i release the final version i would like to fix this bug.
i explain better wich part of code has a bug:
-
$('.t_c,.b_c').animate({width:(imgW-(opt.padding*8))+'px'},500);
$('.c_l,.c_r').animate({height:(imgH-(opt.padding*8))+'px'},500);
box_img.animate({height : (imgH) + 'px' ,width : (imgW) + 'px' },500);
main_cont.animate({
height : (imgH+4) + 'px' ,
width : (imgW+4) + 'px' ,
marginLeft : '-' +((imgW)/2+12) +'px',
marginTop : '-' +((imgH)/1.9 ) +'px'},490, function(){
var caption_height = caption.height();
caption.css({'bottom':'-'+(caption_height+10)+'px'});
box_img.append(img);
close.css('display','block');
next.add(prev).add(close).add('.credits').css('visibility','visible');
caption.css({'visibility':'visible','display':'block'});
$(img).fadeIn(opt.my_speed, function() {
main_cont.removeClass('loading');
});
});
Has you can see i have to animate 6 elements,
t_c = top center div
b_c = bottom center div
c_l = center left div
c_r = center right div
box_img = where the image apper
main_cont = the div the contains all the html code and fix the position on the window
tnx, Diego