jQuery image gallery customization -
edit: question partially answered @ point, neil has put me on right path using scrollto plugin; however, detailed below, i'm still having issue getting "next" , "previous" links correctly adjust scrolling thumbnail list desired. thus, i'm wondering if other skilled jquery programmers out there take stab @ , try me overcome obstacle... in advance.
/////////////////////////
wondering if proficient jquery programmers out there can offer assistance in modifying image gallery script: use galleriffic in upcoming project-- great plugin if you're not familiar-- instead of dividing thumbnails pages, i'd have scrolling div displaying thumbs @ once, shown here.
my question whether it's possible have scrolling list of thumbs "follow" state of large image-- is, if 1 clicks "next photo" display full-size image, , corresponding thumbnail out of view, list scroll automatically show current thumbnail, if makes sense. guess such script require full-size image follow or "sense" viewable state of thumbnails , adjust visibility required. please let me know if should more specific.
i'm hoping there's perhaps existing jquery function accomplish task (?), , thank in advance direction here.
there a plug-in you.
it allows specify element, e.g. thumbnail 'img' scroll. allows specify effects on how scrolling.
check out examples on how use it.
regarding follow-up comment below:
the buttons move next , previous have class "next" or "prev" , anchor containing large image has class "advance-link", have "href" attribute go next/previous slide. so, scroll thumbnail slide should code shown below at, or near, beginning of jquery code. i've inspected eye, may have a typo in it, should drift.:
$('.next, .prev, .advance-link').live().click().function(){ var href = $(this).attr('href'); $('#thumbs').scrollto($('.thumb[href=' + href + ']'), {axis: 'y'}); });
Comments
Post a Comment