I want to integrate JCarousel into the thumbnail functionality so that I can have three thumbnails that rotate:
http://www.julianamaeberger.com/soma/test/
But the wrong thumbnail is now showing as "active". Do you have any advice about how to integrate these?
I added some classes to the thumbnail div and list:
//here come the thumbnails!
if (is_page() || is_single() || $ps_thumbs_hp == "true")
{
if ($thumbs=="true") {
$slideshow .= '<div class="slideshow-thumbs carousel default">
<a href="#" class="prev">Previous</a>
<ul id="slides'.$i.'" class="slides">';
if ( !empty($include) ) {
$include = preg_replace( '/[^0-9,]+/', '', $include );
$attachments = get_posts( array('order' => 'ASC',
'orderby' => 'menu_order ID',
'post_type' => 'attachment',
'post_parent' => get_the_ID(),
'post_mime_type' => 'image',
'post_status' => null,
'numberposts' => -1,
'size' => 'thumbnail',
'include' => $include) );
} elseif ( !empty($exclude) ) {
$exclude = preg_replace( '/[^0-9,]+/', '', $exclude );
$attachments = get_posts( array('order' => 'ASC',
'orderby' => 'menu_order ID',
'post_type' => 'attachment',
'post_parent' => get_the_ID(),
'post_mime_type' => 'image',
'post_status' => null,
'numberposts' => -1,
'size' => 'thumbnail',
'exclude' => $exclude) );
} else {
$attachments = get_posts( array('order' => 'ASC',
'orderby' => 'menu_order ID',
'post_type' => 'attachment',
'post_parent' => get_the_ID(),
'post_mime_type' => 'image',
'post_status' => null,
'numberposts' => -1,
'size' => 'thumbnail') );
}
if ( empty($attachments) )
return '';
if ($attachments) {
foreach ($attachments as $attachment) {
$slideshow .="<li><a href=\"javascript: void(0)\">";
$slideshow .= wp_get_attachment_image($attachment->ID, 'thumbnail', false, false);
$slideshow .= "</a></li>";
}
}
$slideshow .= "</ul></div><!-- end thumbs-->
<br style=\"clear:both\" />";
} } //end thumbs
Thanks for any help.