hi, i need help to divide the images in groups of 8 images..currently
i m showing 20 images in a div 'stripviewer' but now i want to show
them like paging. i click next and get the next 8 image..
------------------------------------
if(this.id=='mygalone'){
if($(this).find('li').size()>8){
var t1=[];var t2=[];var t3=[];var c1=0,c2=0,c3=0;
$(this).find('li').each(function(b){
if((b>=0) && (b<=7) ){ //getting first 8 images
in array
t1[c1++]=$
(this).find('li').find('img').eq(b).attr('src');
}
else if((b>=8) &&(b<=15)){ //geting next 8images
in another array
t2[c2++]=$(this).find
('li').find('img').eq(b).attr('src');
}
else if((b>=16) &&(b<=23)) { //geting next
8images in another array
t3[c3++]=$(this).find
('li').find('img').eq(b).attr('src');
}
});//end each
if($(this).find('li').length>8)
{//this is next and prev image buttons to navigate the 8images groups
jQuery(thumbnail_id).append("<div id='snazzyImages' class='xsnazzy'><b
class='xtop'><b class='xb1'></b><b class='xb2 color_a'></b><b
class='xb3 color_a'></b><b class='xb4 color_a'></b></b><div
class='xboxcontent text_mid'><p classs='text_mid'> <a
href='#nogo'><img id='bigPrev' style='border:none; vertical-
align:middle' src='Images/prev_a.jpg'></a> | <a
href='#nogo'><img id='bigNext' style='border:none; vertical-
align:middle' src='Images/next_a.jpg'></a></p></div><b
class='xbottom'><b class='xb4'></b><b class='xb3'></b><b class='xb2'></
b><b class='xb1'></b></b></div>");
}
}//endsizecheck
}//endthis.id
-------------------------------------------------------------------------------------------------------------------------------
if u couldnot get, plz reply me so that i try to make scenario clear..
also i tried to get the click event of imges 'bignext' and
'bigprev'..but failed..
Regards,
