Home   >>   mod_zoominfo   >>   ZI - Demo
mod_zoominfo - demo PDF Print E-mail

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

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

Alt text image 3

Title image 03

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

Alt text image 4

Title image 04

04: Teaser internal urls links

Centre culturel de Nivelles
Office du tourisme de Nivelles

Alt text image 5

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.

Alt text image 6

Title image 06

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

Alt text image 7

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.

Alt text image 8

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.

Gallery settings - part 1 Gallery settings - part 2
Gallery settings - part 3
Images settings - image 1 Images settings - image 2
Images settings - image 3 Images settings - image 4

Demo 2

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

Alt text image 11

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.

Alt text image 6

Title image 06

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

Alt text image 8

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.

Alt text image 10

Title image 10

10: Praesent rhoncus convallis dui, non commodo mi vestibulum dapibus. Nunc ut justo quis enim porttitor aliquet et sed sem. In sollicitudin elementum purus, nec condimentum enim tincidunt in.

Gallery settings - part 1 Gallery settings - part 2
Gallery settings - part 3

Demo 3

Randomize 2 from 16 - color teaser target - thumb right

Alt text image 2

Title image 02

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

Alt text image 15

Title image 15

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

Gallery settings - part 1 Gallery settings - part 2
Gallery settings - part 3

Demo 4

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

Alt text image 1

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.

Alt text image 9

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.

Gallery settings - part 1 Gallery settings - part 2
Gallery settings - part 3