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,