Customizing scrollable plugin with prevpage and nextpage over the image? (see mock up)

Posted by aaandre on Stack Overflow See other posts from Stack Overflow or by aaandre
Published on 2010-04-21T23:03:24Z Indexed on 2010/05/04 0:08 UTC
Read the original article Hit count: 300

Filed under:

jquery-plugins

|

jquery-scrollable

Hi, I am implementing a scrollable for a portfolio gallery.

(scrollable = scrollable plugin from http://flowplayer.org/tools/index.html )

There will be one item visible at a time.

By default, scrollable positions the prev/next buttons outside of the image area and clicking on the current image advances the scrollable content.

I would like to have the prev/next render within the image area.
I would like to have an image caption appear when mousing over the lower part of the image.

Mock-up: http://i303.photobucket.com/albums/nn160/upstagephoto/mockups/scrollable_mockup.jpg

Any ideas on how to achieve one or both of these?

Thank you!

© Stack Overflow or respective owner

Related posts about jquery-plugins

Cover flow like jQuery plugins?

as seen on Stack Overflow - Search for 'Stack Overflow'
Anyone knows that any jQuery plugins or to build something similar to image effect/gallery like Apple OSX Finder - Cover Flow? >>> More
The Top 10 jQuery Plugins for the JavaScript-Weary

as seen on Internet.com - Search for 'Internet.com'
Use these 10 powerful jQuery plugins to enhance your web site UI with usability improvements and some eye candy! >>> More
difficulties in developing gantt chart using jquery plugins

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I'm trying to develop a gantt like chart using jquery plugins and asp.net mvc2... on the y-axis i like to have names of people to whom tasks will be assigned... while on the x-axis i like to have the tasks... i haven't found good plugins for this...so any suggestions??? it is also important to… >>> More
Jquery plugins not working on ajaxed content

as seen on Stack Overflow - Search for 'Stack Overflow'
I have some content that I am loading using jquery ajax. The content has jquery plugins attached (example a modal box). My problem is that because the ajaxed content isn't part of the original dom it hasn't had the plugins applied to it. How do I apply the plugins to ajaxed content??? Is there… >>> More
2 jQuery plugins don't seem to work together

as seen on Stack Overflow - Search for 'Stack Overflow'
I have 2 plugins, amongst several others, that are loaded together. All of them work together correctly expect 2. By commenting out bits of code etc I've narrowed it down to the two plugins. These are the 2 plugins in question jQuery Tools tabs and NewsTicker I have tried calling them as follows… >>> More

Related posts about jquery-scrollable

jQuery::Scrollable Div does not work

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to create a scrollable DIV using the following: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html;… >>> More
JQuery Scrollable List Dissapears if scrolled IE7

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there I have created a time picker using jquery, using the following code // Display Time Picker $('.time').click(function(){ $('.timePicker').remove(); var thisTime = $(this); var timePicker = '<ul class="timePicker">' timePicker += '<li>09:00</li>' … >>> More
jQuery Scrollable Dynamic

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I am doing a site where I need to change dynamically the amount of items in one slide depending on the resolution. I'm using the Jquery Tools scrollable For better understanding, here is the basic markup <div class="scrollable">  <div… >>> More
Load content while scrolling a div with jquery

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to load content while scrolling a div, not window. That's my CSS code: #sidebar{ width:30%; float:right; height:455px; } #video_list{ height:100%; overflow:auto; } And this is my html code: <div id="sidebar" >  <div id="video_list"> </div> </div> Video_list… >>> More
Jquery Tools: Scrollable - onBeforeSeek & onSeek toggle child div

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm scrolling some panels which contain some youtube clips using Jquery Tools Scrollable. I'd like to hide them during the transition to avoid a jerky animation. Markup: <div id="panel_items"> <div id="wrap"> <div class="event"> <div class="header">Event… >>> More