Controlling Story Show Gallery by CSS classes

You can selectively deactivate Story Show Gallery by the nossg class. After click on the image below SSG won’t activate and the full image will open normally into a new tab of a browser.

This image will open into a new tab of a browser because of nossg class

You can enter nossg and other classes into a Gallery and Image settings:

This image has gossg and fs class. It will show in the full screen gallery only if you click on it.
This image has gossg and fs class.

An image with gossg class will show in the gallery only if a user clicks on it. If a user activates Story Show Gallery through another image, images with gossg class won’t be in the gallery.
The fs class opens image into full screen. Images inside a gallery opens into full screen by default.

The gallery below has no classes, it is here just for complete showcase:

If you click on the image with classes settings, four images will show in the full screen gallery.
If you click on some thumbnail above, only three images will show in the full screen gallery. This happens because of the nossg class assigned to the single image.

Leave a Reply

Your email address will not be published. Required fields are marked *