Scrollable content instead of images Created Jul 20, 2010

use the following HTML Content:

<div class="scrollable" id="browsable">
<div id="navButtons" class="navButtons">
< a class="prev browse left disabled">prev</a >
<div id="rightBack" class="right">
< a class="next browse right">next</a >
</div>
</div>
<div class="items" style="left: 0px;">
<div class="content">Image + product Name + quantity + add to order</div>
<div class="content">Image + product Name + quantity + add to order</div>
<div class="content">Image + product Name + quantity + add to order</div>
<div class="content">Image + product Name + quantity + add to order</div>
</div>
</div>

Is it possible to have html tags within the scrollable elements?
Can't seem to get it to work and I want to have an image and formatted text in each scrollable element eg.

<div class="items">
<div class="content"><p>Image</p><p>Some text</p></div>
<div class="content"><p>Image</p><p>Some text</p></div>
<div class="content"><p>Image</p><p>Some text</p></div>
</div>

Thanks

Like the OP, I'm working on the simple setup for scrollable but wish to add extra content to each scrollable item (e.g. a title, price, button, etc). Stumped how to do this :( Any guidance would be greatly appreciated. thx, Lee.

Set a fixed-width for the nested elements and you should be in business. Otherwise, the nested elements width defaults to 100% of the container and you can only get 1 element at a time

Example here -http://flowplayer.org/tools/demos/scrollable/one-sized.htm

...even in the context of the 'simple setup for scrollable' where the items are all visible within the container?