Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

JavaScript Forum


You are currently viewing our JavaScript Forum as a guest. Please register to participate.
Login



Reply
image slider effect using jquery
Old 02-06-2010, 04:42 AM image slider effect using jquery
Ultra Talker

Posts: 254
Trades: 0
i am creating an image gallery using jquery there needs to be a row where there are

1. thumbnail images which would have

2. left and right arrow images so that the users can see multiple
images and when these images are clicked

3. a bigger image would appear above these thumbnails,

4. also when each of the thumbnails are clicked along with the bigger
images that appear i would also like to update a caption(few words of
text) which would describe each image.

i have used a combination of jcarousel and other plugins but could not
get all the 4 effects i wanted

is there a plugin which would have all the 4 effects i mentioned

please advice.
thanks
sudhakararaog is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-06-2010, 09:46 AM Re: image slider effect using jquery
wayfarer07's Avatar
Poo on You

Latest Blog Post:
Introducing WowWindow
Posts: 3,987
Name: Abel Mohler
Location: Asheville, North Carolina USA
Trades: 0
Why not customize it yourself? Take a simple plugin like jCarousel Lite and put some custom code into a callback so a new image appears every time. Put some click events on each item in the slide.

In jCarousel Lite, the callback works like this:
Code:
$("#slide").jCarouselLite({
       speed: 500,
       btnNext: "#next",
       btnPrev: "#prev",
       afterEnd: function(visible) {
             //some code goes here after the slides have stopped
      }
});
The key is that the (visible) variable has the three DOM nodes that are visible in the slide. This allows you to read any properties about them that you wish. If you name your large images in a uniform manner relative to the small slide images, you could easily switch out a large image by just reading the SRC attribute of the middle slide or whatnot.

Here's an example where I did something very similar to what you're after, if you care to dig through my code: http://wayfarerweb.com/portfolio.php
__________________
I build web things. I work for the startup
Please login or register to view this content. Registration is FREE
.

Last edited by wayfarer07; 02-06-2010 at 09:47 AM..
wayfarer07 is offline
Reply With Quote
View Public Profile Visit wayfarer07's homepage!
 
Reply     « Reply to image slider effect using jquery
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.10277 seconds with 12 queries