[Plugin: Portfolio Slideshow] Integrate JCarousel with Thumbnails

  • Resolved juliana_mae

    (@juliana_mae)


    13 years, 11 months ago

    I want to integrate JCarousel into the thumbnail functionality so that I can have three thumbnails that rotate:
    https://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

    (@daltonrooney)

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

    (@juliana_mae)

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

    Thanks so much.

    Thread Starter juliana_mae

    (@juliana_mae)

    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

    (@daltonrooney)

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

    Dalton

    Hi Dalton,

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

    (@daltonrooney)

    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

    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

    (@daltonrooney)

    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

    (@juliana_mae)

    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:

    https://www.julianamaeberger.com/soma/test/

    Juliana

    Plugin Contributor Dalton Rooney

    (@daltonrooney)

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

    Dalton

    Thread Starter juliana_mae

    (@juliana_mae)

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Plugin: Portfolio Slideshow] Integrate JCarousel with Thumbnails’ is closed to new replies.