Forums

Portfolio Slideshow
Integrate JCarousel with Thumbnails (12 posts)

  1. juliana_mae
    Member
    Posted 1 year ago #

    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.

  2. Dalton Rooney
    Member
    Posted 1 year ago #

    I actually did this once, here: 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

  3. juliana_mae
    Member
    Posted 1 year ago #

    I would love to see the source code of that template.

    Thanks so much.

  4. juliana_mae
    Member
    Posted 1 year ago #

    Actually I switched to jcarousel from jcarousel lite and it seems to have fixed the problem!

    Thanks for the link/advice.

  5. Dalton Rooney
    Member
    Posted 1 year ago #

    Sorry I wasn't able to respond right away. Glad to hear that it's working now!

    Dalton

  6. corrietse
    Member
    Posted 1 year ago #

    Hi Dalton,

    Nice work, nice work. I particularly like your work on 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

  7. Dalton Rooney
    Member
    Posted 1 year ago #

    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

  8. corrietse
    Member
    Posted 1 year ago #

    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

  9. Dalton Rooney
    Member
    Posted 1 year ago #

    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

  10. juliana_mae
    Member
    Posted 1 year ago #

    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/

    Juliana

  11. Dalton Rooney
    Member
    Posted 1 year ago #

    Hi Juliana,
    Your implementation looks great, by the way!

    Dalton

  12. juliana_mae
    Member
    Posted 1 year ago #

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic