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

Title image 05

05: Nullam feugiat ante eget ligula ornare varius. Aenean pellentesque est vel quam lacinia lacinia. Vivamus consectetur malesuada dolor, sit amet suscipit nisl eleifend ac.

Title image 06

06: Aenean commodo ornare mauris at consectetur. Fusce faucibus faucibus lectus vitae vestibulum. Sed quis diam vitae nibh eleifend lobortis.

Title image 07

07: Cras ullamcorper ultricies mauris, feugiat laoreet eros ultricies sed. Integer sit amet mauris odio, viverra auctor tortor. Vivamus ut tincidunt felis.

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 2

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

Title image 13

13: Nullam feugiat ante eget ligula ornare varius. Aenean pellentesque est vel quam lacinia lacinia. Vivamus consectetur malesuada dolor, sit amet suscipit nisl eleifend ac.

Title image 06

06: Aenean commodo ornare mauris at consectetur. Fusce faucibus faucibus lectus vitae vestibulum. Sed quis diam vitae nibh eleifend lobortis.

Title image 14

14: Aenean commodo ornare mauris at consectetur. Fusce faucibus faucibus lectus vitae vestibulum. Sed quis diam vitae nibh eleifend lobortis.

Title image 15

15: Quisque commodo,
justo at consectetur porttitor,
dolor quam rhoncus sem,
eu sodales ipsum odio venenatis tellus.

Demo 3

Randomize 2 from 16 - color teaser target - thumb right

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.

Title image 09

09: Sed non magna ante, non fermentum mi. Suspendisse nec diam quis turpis bibendum fermentum. Pellentesque vitae eros vitae ligula adipiscing condimentum.

Demo 4

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

Title image 06

06: Aenean commodo ornare mauris at consectetur. Fusce faucibus faucibus lectus vitae vestibulum. Sed quis diam vitae nibh eleifend lobortis.

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.