Hide
In many cases you won’t need to display all theme elements like description, paging or even buttons. This module is css based and gives you the option to hide elements so you can let your pictures shine!
hide-alt_true
Alt text or description of an image will be retrieved either from image's alt or title attribute. If none of them is assigned, the filename will be displayed. If you would like to hide this information, too, you have to use hide-alt_true option to do so.
- Preview
- Source
-
<div class="dhonishow hide-alt_true"> <img src="earo-lato.jpg" alt="Ear-O-tation Lato" /> <img src="benjamin.jpg" alt="Benjamin" /> <img src="pinks_not_red.jpg" alt="Pink's not red" /> <img src="pasta.jpg" alt="Pasta für Pawel" /> <img src="cordless.jpg" alt="Cordless" /> </div>
hide-buttons_true
Buttons are the navigational elements of the gallery. You could hide them if you are planning to switch autoplay on.
- Preview
- Source
-
<div class="dhonishow hide-buttons_true"> <img src="benjamin.jpg" alt="Benjamin" /> <img src="earo-lato.jpg" alt="Ear-O-tation Lato" /> <img src="pinks_not_red.jpg" alt="Pink's not red" /> <img src="pasta.jpg" alt="Pasta für Pawel" /> <img src="cordless.jpg" alt="Cordless" /> </div>
hide-paging_true
Paging displays the current image number and total count of all images available to the gallery.
- Preview
- Source
-
<div class="dhonishow hide-paging_true"> <img src="pinks_not_red.jpg" alt="Pink's not red" /> <img src="earo-lato.jpg" alt="Ear-O-tation Lato" /> <img src="benjamin.jpg" alt="Benjamin" /> <img src="pasta.jpg" alt="Pasta für Pawel" /> <img src="cordless.jpg" alt="Cordless" /> </div>
hide-navigation_true
This option is the shortcut for all options above (hide-alt_true hide-buttons_true hide-paging_true). So it hides all information displayed to the user.
- Preview
- Source
-
<div class="dhonishow hide-navigation_true"> <img src="pasta.jpg" alt="Pasta für Pawel" /> <img src="earo-lato.jpg" alt="Ear-O-tation Lato" /> <img src="benjamin.jpg" alt="Benjamin" /> <img src="pinks_not_red.jpg" alt="Pink's not red" /> <img src="cordless.jpg" alt="Cordless" /> </div>