Title: [Plugin: Portfolio Slideshow] Integrate JCarousel with Thumbnails
Last modified: August 19, 2016

---

# [Plugin: Portfolio Slideshow] Integrate JCarousel with Thumbnails

 *  Resolved [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * (@juliana_mae)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/)
 * I want to integrate JCarousel into the thumbnail functionality so that I can 
   have three thumbnails that rotate:
    [http://www.julianamaeberger.com/soma/test/](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.

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Contributor [Dalton Rooney](https://wordpress.org/support/users/daltonrooney/)
 * (@daltonrooney)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835671)
 * I actually did this once, here: [http://www.nikolaskoenig.com/architecture/](http://www.nikolaskoenig.com/architecture/)
 * Although not with the plugin, I did it with custom functions before I wrote the
   plugin. It’s pretty similar, though.
 * Perhaps looking at the HTML source of that page will help?
 * I can also send you the source code of that template.
 * Dalton
 *  Thread Starter [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * (@juliana_mae)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835785)
 * I would love to see the source code of that template.
 * Thanks so much.
 *  Thread Starter [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * (@juliana_mae)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835787)
 * Actually I switched to jcarousel from jcarousel lite and it seems to have fixed
   the problem!
 * Thanks for the link/advice.
 *  Plugin Contributor [Dalton Rooney](https://wordpress.org/support/users/daltonrooney/)
 * (@daltonrooney)
 * [15 years, 4 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835790)
 * Sorry I wasn’t able to respond right away. Glad to hear that it’s working now!
 * Dalton
 *  [corrietse](https://wordpress.org/support/users/corrietse/)
 * (@corrietse)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835799)
 * Hi Dalton,
 * Nice work, nice work. I particularly like your work on [http://www.nikolaskoenig.com/architecture/](http://www.nikolaskoenig.com/architecture/).
   It looks terrific!
 * And I’m wondering if I can use the Portfolio Slideshow plug-in and modify it.
   With that I wanted to know if the modified script be overwritten when there is
   an update released with your plug-in. I’m trying to adjust the thumbnails to 
   hide away if possible.
 * Thanks for your good work.
    -Corrie
 *  Plugin Contributor [Dalton Rooney](https://wordpress.org/support/users/daltonrooney/)
 * (@daltonrooney)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835800)
 * Hi Corrie,
    If you plan on modifying the script, then it would be a good idea
   to change the folder name or at least the version number so you don’t overwrite
   it when the next version comes out. An update is on the way in fact – I am in
   the testing phase of 1.0, which I think will be a good update. Not many new features,
   but a lot of small fixes & overall everything is coded better and works more 
   smoothly.
 * Can you explain a little more clearly what you mean by adjusting the thumbnails
   to hide away? It *is* possible to disable them completely, or are you adding 
   in a show/hide toggle function?
 * I am actually working on a “premium” version of the plugin which will include
   additional navigation options and wondering what kind of things people are interested
   in. The carousel version Juliana was looking for and a hidden thumbnail feature
   are already on the list of possibilities, but I’m open to new ideas.
 * Cheers,
    Dalton
 *  [corrietse](https://wordpress.org/support/users/corrietse/)
 * (@corrietse)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835801)
 * Thanks for the tips.
 * OK the thumbnails I wanted is pretty same concept as Juliana, a hide-reveal thumbs
   which only appear upon mouse-over image area. Or just an icon to indicate hidden
   thumbs, like toggle function you mentioned. One other thing would be good is 
   play, pause control.
 * Looking forward to the new release!
 * -Corrie
 *  Plugin Contributor [Dalton Rooney](https://wordpress.org/support/users/daltonrooney/)
 * (@daltonrooney)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835802)
 * Hi Corrie,
    Play/Pause control is enabled when you turn on autoplay (using the
   timeout function). I can see why you might want to have play controls without
   autoplay, though, so I will be sure to add that in at some point soon.
 * Dalton
 *  Thread Starter [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * (@juliana_mae)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835803)
 * Hi Corrie,
 * If this is something like what you’re looking for, I can send you the modifications
   I did to the plugin and the template:
 * [http://www.julianamaeberger.com/soma/test/](http://www.julianamaeberger.com/soma/test/)
 * Juliana
 *  Plugin Contributor [Dalton Rooney](https://wordpress.org/support/users/daltonrooney/)
 * (@daltonrooney)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835804)
 * Hi Juliana,
    Your implementation looks great, by the way!
 * Dalton
 *  Thread Starter [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * (@juliana_mae)
 * [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835806)
 * Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘[Plugin: Portfolio Slideshow] Integrate JCarousel with Thumbnails’ is
closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/portfolio-slideshow_ffffff.svg)
 * [Portfolio Slideshow](https://wordpress.org/plugins/portfolio-slideshow/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/portfolio-slideshow/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/portfolio-slideshow/)
 * [Active Topics](https://wordpress.org/support/plugin/portfolio-slideshow/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/portfolio-slideshow/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/portfolio-slideshow/reviews/)

 * 11 replies
 * 3 participants
 * Last reply from: [juliana_mae](https://wordpress.org/support/users/juliana_mae/)
 * Last activity: [15 years, 3 months ago](https://wordpress.org/support/topic/plugin-portfolio-slideshow-integrate-jcarousel-with-thumbnails/#post-1835806)
 * Status: resolved