[Plugin: NextGEN Gallery] Description and Pagination show under Slideshow

super – thank you again!

recently i’m interested too as griffmike28 did ask, how to style e.g. the “ngg-slideshow-title”

As it is an undesigned element you can set any style in any css file wherever you want.
I would prefer the css file of my template, so it doesn’t get overwritten if I (accidently) update nextgen.

You can also add a style directly into the post/page (HTML view) as I did for the demo page, e.g.:

<style>
div.ngg-slideshow-title {
  background: #000;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  width: 320px;
}
div.ngg-slideshow-description {
  font-style: italic;
  padding: 5px 0;
  width: 320px;
}
</style>

Please note, that ngg-slideshow-title and ngg-slideshow-description is a css class since the last update and not an ID for better HTML conformance if you have multiple slideshows.

Thank you!

Hi Michael,

This is partially a good solution for the problem I am having concerning the captions in the Js Slideshow.

I have the captions working, they show, but only for the first three pictures.

Which part do I have to modify, so the number of Captions is infinite.

Thank you!

Got it!
Easypeasy really, just increased the number.. here good for 50 pix…
No more help required.

// load image and bind appendImage() to the img load - here we are making sure the loads do not get displaced
	function loadImage(num){
         // check that stack is not empty and we haven't alreay loaded 3 images
         if(stackLength > 0 && num <= 50) {
            var img = new Image();
            img.src = stack.shift();
			img.alt = desc.shift(); //MOD: append alt text
			stackLength--;
			// wait to append image until the load is complete
        	jQuery( img ).one('load', function() { appendImage(img, num); }).each(function(){
        		// IE browser : in case it's already cached
        		if(this.complete) jQuery(this).trigger('load');
        	});
         }
	}

	// append image to obj
	function appendImage(img, num){
	     // Hide them first, Cycle plugin will show them
         jQuery( img ).hide();
         // Add the image now and resize after loaded
		 jQuery( obj ).append( imageResize(img, s.width , s.height) );
         // start slideshow with third image, load next image if not
		 if (num == 50 || stackLength == 0 ) {
         	startSlideshow();
		 } else {
		 	loadImage(++num); // increase index and load next image
         }

	}

Hi barnadave,
actually the script should work for infinite pictures without any additional modifications. I have tested my mod on my demo page, and on a commercial webpage, each with a lot of pictures without any problems.

Afaik you have changed the number of pictures which will be preloaded by the script. That could affect the performance negatively.

Hi Michael,

I tried it again without the modification.
I am working on a site which needs the captions.

This is one of the galleries. Although those are not the final captions, all of them have something underneath. The fourth pic for example says “Tree”, but is a no-show.

I noticed that my modification works, but makes the script loading all the pictures, which makes it too slow for the visitor.

Thank you for your help.

Also noticed that your last posted updates are not there anymore.

Thats the point. You’re using an old version of my modification. Please use > this link – click me <

since i use the modification i believe to notice a before not given conflict with another since well coexisting plugin named “random image widget”‘ and its functionality.
this formerly did link from the given random image to its specific image attachment-page – now it alternatively does link only to the picture or refers the homepage url & does refresh the page itself + renews the thumb.
ok, ok – i shouldn’t could get all of that i want … ??

Got it working now with 1.9.6.

Another problem:

[js-slideshow] is fine when using JS slide show.
The thing is, that the JS show is for devices that don’t support Flash, For other systems I’d use the Flash based slide show because of it’s full screen ability…
Though it seems that when “Integrate the flash based slideshow for all flash supported devices” is checked, js-slideshow shortcode does not work.

Is there a way to get around this?

@aundc
Do you have tested the “random image widget” without my modification? Maybe nextgen itself is not fully compatible with this plugin. My mod should not affect the “ngg-core”-compatibility to other plugins.

@barnadave
generally the js-slideshow modification is for users (like me) which want to have a js-only-slideshow.

do you have tested this without my modification?

@both
I’m currently very busy, otherwise I’d check it out myself. Please understand that I can not guarantee you support due to my little leisure time.

Try teh ScrollGallery plugin. It add functionality to the NextGen slideshow and captions!!!