Jorge Silva-Jetter

Hi maxborgatti,

First off, sorry about the delay, I’ve been be busy for the last couple of days and haven’t been able to tackle this.

It seems you’re using a new slideshow now. No worries, it happens.

Here’s what going on: The thing with Cycle 2 (the jQuery plugin on top of which the plugin is built on) waits for all images to be loaded before initiating the slideshow. That’s why the content flashes. You could play around with the ‘loader’ option, using the Cycle options. https://jquery.malsup.com/cycle2/api/#options. At some point, I might take a close look into this and see if there’s a way to fix it for everyone.

Hi DDDDvvVVV,

Sorry for the delay, I’ve been super busy on other stuff latelty.

This is a weird bug. I spent a lot of time architecturing this thing so that it would be backwards compatible. Can you go to Settings > JSJ Gallery Slideshow > Advanced > Log and then turn logging on.

After you do that 1. go to your site, 2. open your console, 3. and run the function window. createJSJGallerySlideshow() manually and copy paste the output here.

Here’s what I got on mine:

automatically find and run slideshows jsj-gallery-slideshow.min.js:514
[cycle2] –c2 init– jsj-gallery-slideshow.min.js:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-destroyed jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] –c2 init– jsj-gallery-slideshow.min.js?ver=3.9.2:410
window.createJSJGallerySlideshow();
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-stopped jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] cycle-destroyed jsj-gallery-slideshow.min.js?ver=3.9.2:410
[cycle2] –c2 init– jsj-gallery-slideshow.min.js?ver=3.9.2:410
Object {init: function, getJQueryElement: function, get$el: function, settings: Object, utilities: Object…}

Also, can you include a URL for this? That would help in debugging it. Thanks!

Yeah, I read the issue. Thanks!

Do you have a link?

Let me take a look at this and I’ll get back to you.

Hi,

I changed the default options in the plugin in order to have “timeout” default to 0. It seems some people are having problems with this.

Do you guys think it’s a good idea to switch it back to what it was before? Seems like the most reasonable thing to do.

Do you have have the autoplay enabled in your sites (I don’t)?

Thanks

J.

1. For the first problem, just change the CSS class.

.jsj-gallery-slideshow-gallery-container.jsj-gallery-slideshow-classic .jsj-gs-pager {
    display: none;
}

If you’re not familiar with CSS, the chrome DEV tools is a good way to find the CSS rules for things and what classes they have: https://discover-devtools.codeschool.com/

I might add a new theme later on that doesn’t have the thumbnails at the bottom.

2. I agree 100% that this is not clear. This refers to the Cycle2 API which you can find here under the Options > Auto height options: https://jquery.malsup.com/cycle2/api/

It reads:

There are three ways this option can be used:
an integer can be provided to identify the zero-based slide index for a sentinel slide
the string “calc” can be provided to instruct Cycle2 to calculate the tallest slide and use it as the sentinel
a ratio string can be provided which identifies the width:height aspect ratio for the container

Can you give any of those (integer, ‘calc’, ratio) a try and see if any of them work?

Also, can you send me a link with the page in which you are using this in order to see what’s going on.

I agree that the bumping up and down is a bit of a pain. I hated when that happened in my site. The reason why this is no longer the same way is that I switched the plugin to Cycle2 and Cycle2 (and this new version of the plugin) is made to be responsive, so it can work in mobile phones. That is a really good thing!

That being said, I do think there should be a way for the slideshow to be 1. playing automatically and 2. keep the same height. The fix might not be an easy quick one though. I’d love to hear if you have any ideas on how to solve that problem.

3. Also send a url where this doesn’t work. That would help. Keep in mind that I might not be able to solve this problem since this might be caused by the NextGen plugin. Let’s give it a try though!

Should be fixed in version 2.0.1. Just updated the plugin!

Let me know if you have any problems with the plugin.

Should be fixed in version 2.0.1. Just updated the plugin!

This is 100% related to what you posted in the other thread and is actually exactly what I need to fix it. Thanks!

I actually have a good idea what might be causing this. Let me take a look and see if I can solve it.

Thanks!

Cool! Closing.

Hi everyone,

I’m finishing up a 2.0 version of the plugin, but before publishing it through the WordPress repository, I wanted to get some beta feedback on it. This plugin has a themes system which include the classic default theme and another classic theme variation with captions.

Here’s the link: thejsj.com/2014/jsj-plugins-repo/jsj-gallery-slideshow.zip

I’d love it if anyone tries it out and lets me know if it works correctly. It should be plug-and-play and should require little to no configuration (just like before).

If you do try it out please post your feedback here or email me at jorge.silva AT thejsj.com

The magic of this plugin is in its simplicity.

Just go ahead and add a regular WordPress gallery in your post and everything work correctly.

If you don’t know how to add a regular WordPress gallery, google would probably do a better job of explaining that that I did. Basically, it’s just a button in the WYSIWYG.

Try debugging it:

1. See if the function is running at all by adding an echo statement to the function:

function remove_jsj_code_highlight_body_class($class_array) {
echo "Step 1";
}

2. If it is actually running, make sure that it’s giving you an array:

function remove_jsj_code_highlight_body_class($class_array) {
var_dump($class_array);
}

3. Make sure that it’s actually filtering the classes:

function remove_jsj_code_highlight_body_class($class_array) {
      var_dump($class_array);
      foreach($class_array as $key => $class) {
		if(!strpos($class, 'jsj_code_highlight')){
			array_push($new_class_array, $class);
		}
	}
        var_dump($new_class_array);
	return $new_class_array;
}

See at which step the code is failing and let me know.

Yes, but it’s not trivial. You can do this with CSS. How familiar are you with CSS?

This is just a quick example, but you might do something like this in your theme CSS file:

.gallery_container_jsj-gallery-slideshow .gallery-navigation a.gallery-next {
  width: 50px;
  height: 50px;
  background: url('URL_TO_YOUR_ARROW_IMAGE.png');
  position: absolute;
  right: 0;
  top: 216px;
}