Several Carousel

[Alakhnor]

Hello,

Great plugin indeed, which I'm trying to include in mine (http://www.alakhnor.com/post-thumb/?p=15).

I have a question though: is it possible to include several carousel in the same page?

I know it is possible as long as you keep the same css. What I would like, is being able to modify the size of the carousels (thumbnail sizes).

[agent2026]

Yes, it's possible.  Just give each carousel a unique id.  You can then set the styles of each individually.

Adam

[Alakhnor]

agent2026 wrote:

Yes, it's possible.  Just give each carousel a unique id.  You can then set the styles of each individually.

Adam

Yes, that's what I'm doing. But the formatting of the thumbnail is set by .jcarousel-scope, .jcarousel-list li,  .jcarousel-next and .jcarousel-prev. So, there can only be one format on a page. Or am I missing something ?

[agent2026]

Not sure I follow you.  You can just give your container div a class, and style it from there.  For the prev/next, I think the rule is if they're not included then jCarousel will add them.  Otherwise you can add your own, and make your own style rule for those classes.  If you're having trouble with thumb sizes, try adjusting the width of your list items.

Here are my styles, if it can help you get anywhere:

.jcarousel-prev, .jcarousel-next {
 display:none;
 position:absolute;
 margin:.9em 5px 0;
 width:40px;
 height:20px;
 text-align:center;
 font-size:.8em;
 font-weight:bold;
 cursor:pointer;
 -moz-user-select:none;
}
.jcarousel-prev {
 left:28px;
}
.jcarousel-next {
 right:28px;
}
a.jcarousel-prev, a.jcarousel-next {
 color:#ccc;
 text-decoration:none;
}
a.jcarousel-prev:hover, a.jcarousel-next:hover {
 color:#fff;
}
#centerRight .carousel {position:relative;width:310px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #636a73}
#centerRight .carousel img {padding:0 5px 0px;width:300px;vertical-align:top}
#media img {height:226px}
#maps img {height:358px}
#maps .jcarousel-prev, #battlemaps .jcarousel-next {margin-top:1.4em}


Adam