Joompad.be - Development site J!15

The several features added to the mod_zoominfo version V1.6 open a lot of layouts/presentations possibilties and uses based on:

- randomizing pictures

- parametrisation of the image specific color for the following targets: box background, title, teaser text or title & teaser

- the support of html in teaser text allows to use standard html for text and links. For links, do not use <ul> - <li> structure, it will break the xhtml validation

- the support for conversion of New Line characters (CR) in the teaser text parameter allows to convert NL characters to <br /> tags in order to overcome the fact that most joomla wysiwig editors remove automatically any <br /> on apply/save action.

- the module allow now to define sizes for the image box and for the physical image inside the box. This opens the way for some specific layout presentation with title at the bottom always visible

- it is now possible to define a left margin to the gallery and therefore help in centering the gallery in the module position.

- you can define the position of the zoomed thumb (left or right)

Note:

If you do not need to play with image specific colors, just define the default colors for background, title and teaser and leave the image specific color parameters empty.

• Demo 1
• Demo 2
• Demo 3
• Demo 4

Demo 1

Fixed mode 4 images - color background target - left position 0px - thumb left

Title image 01 01: Vivamus at lacus urna, id malesuada massa. Etiam consequat tempus augue, eget porttitor libero interdum sed. In nulla sem, placerat vel mollis vel, rutrum vel orci.

Title image 02 02: In accumsan dictum est, feugiat auctor enim aliquam ut. Vivamus pharetra mauris nec orci auctor ullamcorper. Integer id tempus lectus.

Title image 03

03: html demo
03: Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Curabitur posuere congue mollis.

Title image 04

04: Teaser internal urls links

Centre culturel de Nivelles
Office du tourisme de Nivelles

Demo 2

Random mode 4 from 16 images - color title target - left position 30px - thumb left

Title image 11

11: Vestibulum pellentesque, nisl vitae ullamcorper imperdiet, libero sapien congue justo, sed tempor risus purus ac sapien. Aenean vel odio quis felis fermentum convallis.

Title image 16

16: Vestibulum aliquam, erat sed ultricies feugiat, libero metus lobortis libero, eget pretium tellus lacus eleifend tellus. Nulla mi mauris, dapibus volutpat pulvinar sit amet, faucibus quis neque.

Title image 02

02: In accumsan dictum est, feugiat auctor enim aliquam ut. Vivamus pharetra mauris nec orci auctor ullamcorper. Integer id tempus lectus.

Title image 08

08: Sed fermentum est a sapien aliquam lacinia vel quis arcu. Sed et nisl nibh. Maecenas ultrices ullamcorper diam eget dictum. Vivamus at lacus urna, id malesuada massa.

Demo 3

Randomize 2 from 16 - color teaser target - thumb right

Title image 04

04: Aliquam at ante felis, quis ultrices nisl. Nulla egestas elementum nulla, at congue nulla sodales quis. Donec porta erat eget ipsum facilisis tristique.

Title image 08

08: Sed fermentum est a sapien aliquam lacinia vel quis arcu. Sed et nisl nibh. Maecenas ultrices ullamcorper diam eget dictum. Vivamus at lacus urna, id malesuada massa.

Demo 4

Randomize 2 from 16 - color title&teaser target - thumb left

Title image 04

04: Aliquam at ante felis, quis ultrices nisl. Nulla egestas elementum nulla, at congue nulla sodales quis. Donec porta erat eget ipsum facilisis tristique.

Title image 08

08: Sed fermentum est a sapien aliquam lacinia vel quis arcu. Sed et nisl nibh. Maecenas ultrices ullamcorper diam eget dictum. Vivamus at lacus urna, id malesuada massa.