Плагин 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>