atleast some idea??
On Feb 2, 10:29 pm, CreativeMind <aftab.pu...@gmail.com> wrote:
> 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,
