AM Unite Gallery Plugin

Плагин AM Unite Gallery

Version: 1.3.1

Описание:

Плагин позволяет использовать HTML разметку UNITE GALLERY на вашем сайте.

Joomla

Примеры

Сarousel

<div id="carousel1" style="display: none;">
    <img alt="960x1280" src="/images/sampl_img/960x1280.jpg" data-image="/images/sampl_img/960x1280.jpg" data-description="960x1280" style="display: none;" />
    <img alt="1280x960" src="/images/sampl_img/1280x960.jpg" data-image="/images/sampl_img/1280x960.jpg" data-description="1280x960" style="display: none;" />
    <img alt="1280x720" src="/images/sampl_img/1280x720.jpg" data-image="/images/sampl_img/1280x720.jpg" data-description="1280x720" style="display: none;" />
    <img alt="2600x1200" src="/images/sampl_img/2600x1200.jpg" data-image="/images/sampl_img/2600x1200.jpg" data-description="2600x1200" style="display: none;" />
</div>
<script type="text/javascript">jQuery(document).ready(function(){
    jQuery("#carousel1").unitegallery({
        gallery_theme: "carousel",
        theme_enable_navigation: false,
        carousel_autoplay_timeout: 3500,
        lightbox_textpanel_enable_description: false,
        tile_enable_border: false,
    });
});</script>

Compact

<div id="compact2">
    <img alt="960x1280" src="/images/sampl_img/960x1280.jpg" data-image="/images/sampl_img/960x1280.jpg" data-description="960x1280" style="display: none;" />
    <img alt="1280x960" src="/images/sampl_img/1280x960.jpg" data-image="/images/sampl_img/1280x960.jpg" data-description="1280x960" style="display: none;" />
    <img alt="1280x720" src="/images/sampl_img/1280x720.jpg" data-image="/images/sampl_img/1280x720.jpg" data-description="1280x720" style="display: none;" />
    <img alt="2600x1200" src="/images/sampl_img/2600x1200.jpg" data-image="/images/sampl_img/2600x1200.jpg" data-description="2600x1200" style="display: none;" />
</div>
<script type="text/javascript">jQuery(document).ready(function(){
	jQuery("#compact2").unitegallery({
		gallery_theme: "compact",
                slider_enable_text_panel:true,
                gallery_autoplay:true
	});
    });</script>

Grid

<div id="grid3">
    <img alt="960x1280" src="/images/sampl_img/960x1280.jpg" data-image="/images/sampl_img/960x1280.jpg" data-description="960x1280" style="display: none;" />
    <img alt="1280x960" src="/images/sampl_img/1280x960.jpg" data-image="/images/sampl_img/1280x960.jpg" data-description="1280x960" style="display: none;" />
    <img alt="1280x720" src="/images/sampl_img/1280x720.jpg" data-image="/images/sampl_img/1280x720.jpg" data-description="1280x720" style="display: none;" />
    <img alt="2600x1200" src="/images/sampl_img/2600x1200.jpg" data-image="/images/sampl_img/2600x1200.jpg" data-description="2600x1200" style="display: none;" />
</div>
<script type="text/javascript">jQuery(document).ready(function(){
		jQuery("#grid3").unitegallery({
		    gallery_theme: "grid"
	        });
        });</script>

Slider

<div id="slider4">
    <img alt="960x1280" src="/images/sampl_img/960x1280.jpg" data-image="/images/sampl_img/960x1280.jpg" data-description="960x1280" style="display: none;" />
    <img alt="1280x960" src="/images/sampl_img/1280x960.jpg" data-image="/images/sampl_img/1280x960.jpg" data-description="1280x960" style="display: none;" />
    <img alt="1280x720" src="/images/sampl_img/1280x720.jpg" data-image="/images/sampl_img/1280x720.jpg" data-description="1280x720" style="display: none;" />
    <img alt="2600x1200" src="/images/sampl_img/2600x1200.jpg" data-image="/images/sampl_img/2600x1200.jpg" data-description="2600x1200" style="display: none;" />
</div>
<script type="text/javascript">jQuery(document).ready(function(){
		jQuery("#slider4").unitegallery({
			gallery_theme: "slider"
		});
	});</script>

Tiles

<div id="tiles5"> 
    <img alt="960x1280" src="/images/sampl_img/960x1280.jpg" data-image="/images/sampl_img/960x1280.jpg" data-description="960x1280" style="display: none;" />
    <img alt="1280x960" src="/images/sampl_img/1280x960.jpg" data-image="/images/sampl_img/1280x960.jpg" data-description="1280x960" style="display: none;" />
    <img alt="1280x720" src="/images/sampl_img/1280x720.jpg" data-image="/images/sampl_img/1280x720.jpg" data-description="1280x720" style="display: none;" />
    <img alt="2600x1200" src="/images/sampl_img/2600x1200.jpg" data-image="/images/sampl_img/2600x1200.jpg" data-description="2600x1200" style="display: none;" />
</div>
<script type="text/javascript">jQuery(document).ready(function(){
		jQuery("#tiles5").unitegallery({
			gallery_theme: "tiles"
		});
	});</script>

Полная документация UNITE GALLERY