Hide Lightbox Viewer Elements
nav_first.pngFirst: package:1
Wikidot per-site help
Edited: 08 Nov 2009 12:06 by: pieterh
Comments: 0
Tags:
nav_prev.pngPrevious: package:23
Embed page
Edited: 02 Feb 2010 12:05 by: pieterh
Comments: 0
Tags:
Last: package:49
Advanced Search
Edited: 01 May 2012 12:30 by: tsangk
Comments: 68
Tags:
nav_last.png
Next: package:25
List Members as Watchers
Edited: 30 Dec 2010 20:40 by: Steven Heynderickx
Comments: 0
Tags:
nav_next.png

Hide Lightbox Viewer Elements
Package submitted by Ed Johnson
16 Feb 2010 02:24

rating: +2+x

This package provides the ability to turn off some elements of the Wikidot built-in Lightbox Viewer. These include the "Prev" and "Next" text overlay images, the "Image x of y" text and/or the entire "image data box" along the bottom of the window (this element contains both the "Image x of y" text and the "Close" button).

There are four different includes you can select from based on your preference. All of these includes are simply css modules.

Instructions

To install this package in your site, create/edit these pages with the following content:

This page Contains these lines Ref
any-category:any-page [[include :csi:include:hide-lightbox-all-elements]]
[[gallery optional attributes]]
(1)
any-category:any-page [[include :csi:include:hide-lightbox-close-button]]
[[gallery optional attributes]]
(2)
any-category:any-page [[include :csi:include:hide-lightbox-image-numbers]]
[[gallery optional attributes]]
(3)
any-category:any-page [[include :csi:include:hide-lightbox-prev-next]]
[[gallery optional attributes]]
(4)

(1) hide-lightbox-all-elements Hides all of the extra elements in the lightbox viewer.
(2) hide-lightbox-close-button Hides the bottom data box that includes the image numbers and the close button.
(3) hide-lightbox-image-numbers Hides image number only (leaving the close button visible)
(4) hide-lightbox-prev-next Hides the prev and next text while preserving the same navigation functionality.

You can combine multiple includes on a single page. For example, if you want to display only the close button, but hide the rest, use this code on your page:

This page Contains these lines
any-category:any-page [[include :csi:include:hide-lightbox-prev-next]]
[[include :csi:include:hide-lightbox-image-numbers]]
[[gallery optional attributes]]

In Action

This page shows the result of all elements being hidden.

Include files

hide-lightbox-all-elements By Ed Johnson 16 Feb 2010 02:28
hide-lightbox-close-button By Ed Johnson 16 Feb 2010 02:28
hide-lightbox-image-numbers By Ed Johnson 16 Feb 2010 02:27
hide-lightbox-prev-next By Ed Johnson 16 Feb 2010 02:25

Comments: 1

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License