jCarousel Dynamic Width and Height - Is this possible?
Hi,
I'm new to jQuery and jCarousel...
I am using jCarousel with the intention of displaying a horizontal list of books along with some other textual information such as author, price, etc... This list will be populated from a database (via ASP before page load) and therefore the content will vary along with the dimensions of the list items...
My problem is that the jCarousel example and all of the forums I wandered over don't seem to explain how I might get the jCarousel window to be the correct size to fit the list item content.
At the moment it is static. I'm aware I could modify the css to fit all the content from a snapshot however this doesn't feel like an elegant solution. Even so, could anyone provide me with a snippet of CSS to change the dimensions of the jCarousel window. The code pasted at the bottom didn't do the job when inserted into <head>. The "jcarousel-container" div effectively gives me the finger and ignores my suggestion...
If this whole idea is ludicrous could someone point me in the direction of an alternative carousel that will let me stick list items into it dynamically and resize itself accordingly.
Many thanks in advance,
Tom
---------------- Inside the head ---------------
<style type="text/css">
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 820px;
height: 124px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 165px;
height: 122px;
}
.jcarousel-container .jcarousel-container-horizontal {
width: 820px;
height: 124px;
}
</style>