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 12

Title image 12

12: Maecenas consequat erat vitae turpis tristique vitae gravida est sagittis. Sed vehicula ultricies tortor, et hendrerit ligula adipiscing in. Praesent imperdiet lorem est, in auctor erat.

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.

Alt text image 16

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.

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.

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 15

Title image 15

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

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.

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 12

Title image 12

12: Maecenas consequat erat vitae turpis tristique vitae gravida est sagittis. Sed vehicula ultricies tortor, et hendrerit ligula adipiscing in. Praesent imperdiet lorem est, in auctor erat.

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.

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