JoomGallery Wall

+++++++++++++++++

The ultimate JoomGallery Photo Module

Slideshow Examples

Slideshow example with transition features.

The demos below are based on our simple tag system. Simply add the tag calls for the content in your own custom html to get the following design!


<a href="{link}">
<div class="npslideshow1">
<img src="{articleintroimageurl}">
<div class="npslideshow1_txt">
<h2>{title}</h2>
<p>{introtext}</p>
</div>
</div>
</a>


Featured Slideshow Example : Fade Effect

The JoomlaXTC JoomGallery Image Wall can create mutli-effect slideshows.



JoomlaXTC JoomGallery Wall




Featured Slideshow No Text Example : Slide Effect

Create multi-page slides with CSS styled control with the {pages} tag.



JoomlaXTC JoomGallery Wall 10

 1  2  3  4 




Slide Demos 2

Content Slideshows with multiple effects

Vertical Scroll



Horizontal Scroll






Slideshows with Buttons

Create multi-page slides with buttons by using the {leftbutton} {rightbutton} tags. JoomGallery Wall offers over 50 different button styles.

Buttons Left / Right



Buttons Bottom




Slide Demos 3

Featured Slideshow 2 Example : Slide Effect

Content slideshows for full width sites or large areas


JoomGallery_1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more



Static Text Slideshow Example

Create slideshows with static text overlays.



STATIC TEXT

Slideshow Example

Bacon ipsum dolor amet leberkas drumstick kielbasa chicken cupim.

Frankfurter capicola pork loin, biltong drumstick strip steak swine turducken kielbasa.


MORE INFO



Slider Demos

Scrolling content sliders


Slider One Example: Auto Scroll

Create multi-page slides with buttons by using the {leftbutton} {rightbutton} tags. JoomGallery Wall offers over 50 different button styles.



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_17

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_16

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_15

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_14

JoomGallery_14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_13

JoomGallery_13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_12

JoomGallery_12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_11

JoomGallery_11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_10

JoomGallery_10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_9

JoomGallery_9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_8

JoomGallery_8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_7

JoomGallery_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_6

JoomGallery_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_5

JoomGallery_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_4

JoomGallery_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_3

JoomGallery_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Slider Two Example: Click for Scroll



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_17

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_16

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_15

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_14

JoomGallery_14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_13

JoomGallery_13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_12

JoomGallery_12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_11

JoomGallery_11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_10

JoomGallery_10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_9

JoomGallery_9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_8

JoomGallery_8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_7

JoomGallery_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_6

JoomGallery_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_5

JoomGallery_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_4

JoomGallery_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_3

JoomGallery_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Slider Three Example

Add CSS3 effects to the slides for a friendly interactive design.



  • JoomGallery_18

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_18

  • JoomGallery_17

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_17

  • JoomGallery_16

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_16

  • JoomGallery_15

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_15

  • JoomGallery_14

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_14

  • JoomGallery_13

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_13

  • JoomGallery_12

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_12

  • JoomGallery_11

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_11

  • JoomGallery_10

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_10

  • JoomGallery_9

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_9

  • JoomGallery_8

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_8

  • JoomGallery_7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_7

  • JoomGallery_6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_6

  • JoomGallery_5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_5

  • JoomGallery_4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_4

  • JoomGallery_3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more
    JoomGallery_3



Slider Four Example

Add styled pages with a little css and the {pages} tag.



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_17

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_16

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_15

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_14

JoomGallery_14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_13

JoomGallery_13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_12

JoomGallery_12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_11

JoomGallery_11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_10

JoomGallery_10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_9

JoomGallery_9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_8

JoomGallery_8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_7

JoomGallery_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_6

JoomGallery_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_5

JoomGallery_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_4

JoomGallery_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

JoomGallery_3

JoomGallery_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

 1  2  3  4 




Grid Examples

JoomGallery Wall gives you control over columns and rows to create stylish article grids.

Grid One Example






Grid Two Example



JoomGallery_18

2016-09-08
View more

JoomGallery_17

2016-09-08
View more

JoomGallery_16

2016-09-08
View more

JoomGallery_15

2016-09-08
View more

JoomGallery_14

2016-09-08
View more

JoomGallery_13

2016-09-08
View more



Grid Three Example
Trains

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...
Automobiles

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...
Trains

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...
Automobiles

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...
Trains

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...
Automobiles

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...




Grid Four Example



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_17

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_16

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_15

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_14

JoomGallery_14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_13

JoomGallery_13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

Blog Examples

Content layouts perfect for Blogs

Blog One Example

Single column blog with CSS styled text overlays and date badge



08 Sep

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more
08 Sep

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more
08 Sep

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

Blog Two Example

The {language} tag uses the core Joomla read more for multi language sites.



JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more



Blog Three Example

Multiple columns and rows example with CSS styled date badges.



2016-09-08

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more
2016-09-08

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more
2016-09-08

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more
2016-09-08

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more



Blog Four Example

Create cutting edge blog posts with your own custom HTML and CSS or use these pre-packaged template designs



JoomGallery_18

2016-09-08

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_17

2016-09-08

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_16

2016-09-08

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

JoomGallery_15

2016-09-08

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi...

View more

Tooltip Examples

CSS3 tooltips in multiple directions

Tooltip One Example

Top tooltip using the {title} tag to display the article title in the tooltip.






Tooltip Two Example

Right tooltip using the {title} tag to display the article title in the tooltip.






Tooltip Three Example

Left tooltip using the {title} tag to display the article title in the tooltip.






Tooltip Four Example

Bottom tooltip using the {title} tag to display the article title in the tooltip.






PopUp One Example

Create Modal pop ups using the core Bootstrap modal to open the article intro in a modal.




List Examples


List 1 Example

A CSS3 styled list



List 2 Example

A CSS3 styled list with gutters.






List 3 Example

A standard article list with title and intro text, perfect for side bars.



List 4 Example

Create ordered lists using the {index} tag to display the numbered order.




Hero Examples

Great call to action examples

Hero Example



JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more More Like This



Hero Example 2



JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Continue Reading More Like This




Creative Examples

Not your ordinary content layouts

Hexagon Example

Use CSS3 to create unique image styling and layouts.






Category Example

Use the {mainarea} and {morearea} to create featured layouts.






Category Example 2

A tabbed filtering layout. Simply add the category ID's for the categories in the mark up and CSS.



  • Lizards_8

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Cats_7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Dogs_7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Lizards_7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Birds_7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Cats_6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Dogs_6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Lizards_6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Birds_6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Cats_5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Dogs_5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Lizards_5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Birds_5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Cats_4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Dogs_4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more

  • Lizards_4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


    View more



Tabbed Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

Accordion Example

Use the {mainarea} and {morearea} to create multiple layouts per tab.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Read More
JoomGallery_17 JoomGallery_17
JoomGallery_16 JoomGallery_16
JoomGallery_15 JoomGallery_15
JoomGallery_14 JoomGallery_14
JoomGallery_13 JoomGallery_13
JoomGallery_12 JoomGallery_12

Bootstrap Examples

Examples using the core Bootstrap classes

Thumbnail Example



JoomGallery_18

JoomGallery_18

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_17

JoomGallery_17

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_16

JoomGallery_16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_15

JoomGallery_15

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_14

JoomGallery_14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_13

JoomGallery_13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more

JoomGallery_12

JoomGallery_12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more



Accordion Example



JoomGallery_18

JoomGallery_18
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.

JoomGallery_17

JoomGallery_17
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.

JoomGallery_16

JoomGallery_16
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.

JoomGallery_15

JoomGallery_15
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.

JoomGallery_14

JoomGallery_14
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.

JoomGallery_13

JoomGallery_13
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Fortasse id optimum, sed ubi illud: Plus semper voluptatis? Duo Reges: constructio interrete. Quaesita enim virtus est, non quae relinqueret naturam, sed quae tueretur.



Hover Examples

CSS3 hover style examples

Hover Example 1



Cats_7

Cats_7

2016-09-22

Cats_6

Cats_6

2016-09-22




Hover Example 2



Cats_7

Cats_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_1

Cats_1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 3



Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_7

Cats_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 4



Cats_5

Cats_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_7

Cats_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 5



Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_6

Cats_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 6



Cats_3

Cats_3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_5

Cats_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 7



Cats_6

Cats_6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_5

Cats_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...




Hover Example 8



Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

Cats_5

Cats_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...


Hover Examples 2

css3 hover style examples

Hover Example 9



Cats_4

View more

Cats_2

View more

Cats_5

View more

Cats_1

View more




Hover Example 10



Cats_5

View more

Cats_4

View more

Cats_6

View more

Cats_1

View more




Hover Example 11



Cats_2

View more

Cats_7

View more

Cats_5

View more

Cats_3

View more




Hover Example 12



Cats_1

View more

Cats_7

View more

Cats_2

View more

Cats_3

View more




Hover Example 13



Cats_5

View more

Cats_7

View more

Cats_1

View more

Cats_2

View more




Hover Example 14



Cats_2

View more

Cats_4

View more

Cats_5

View more

Cats_3

View more




Hover Example 15



Cats_7

View more

Cats_4

View more

Cats_3

View more

Cats_2

View more




Hover Example 16



Cats_4

Cats_4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more
Cats_5

Cats_5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more



Hover Example 17



Cats_7

Cats_7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more
Cats_2

Cats_2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mihi vero, inquit, placet agi subtilius...

View more



Hover Example 18






Hover Example 19






Hover Example 20



Cats_2

Cats_2

Cats_5

Cats_5

Cats_4

Cats_4

Cats_3

Cats_3

Cats_7

Cats_7

Cats_6

Cats_6




Hover Example 21



Cats_3

Cats_7

Cats_4

Cats_6





ALL TAGS

All Tags available for use in your custom mark up

JoomlaXTC JoomGallery Wall

This template shows the different place holder tags you can use, to include in your own templates just surround them with {} characters:

Module template tags:

Tag Name Tag Content
mainarea Displays the selected elements using the corresponding element template tags for each one.
leftbutton
rightbutton
pages  1 


Element template tags (all tags work on "more" area as well):

Tag Name Tag Content
author
catdescription
categoryid5
categorylink/extensions3/extension-specific/joomgallery/cat4
catname
datef2016Thu, 22 Sep 2016 05:49:28 +000009am30
description
id71
index1
languageconstant
name
opictureCats_7
opictureurlhttp://demo.joomlaxtc.com/extensions3/images/joomgallery/originals/cats_5/cats_7_20160921_1327275413.jpg
owner
pictureCats_7
picturelink/extensions3/extension-specific/joomgallery/cat4/cats-7-71
pictureurlhttp://demo.joomlaxtc.com/extensions3/images/joomgallery/details/cats_5/cats_7_20160921_1327275413.jpg
rawcatdescription
rawdescription
thumbnailCats_7
thumbnailurlhttp://demo.joomlaxtc.com/extensions3/images/joomgallery/thumbnails/cats_5/cats_7_20160921_1327275413.jpg
votes0
votesum0