{"id":12307,"date":"2017-03-13T12:29:27","date_gmt":"2017-03-13T12:29:27","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=12307"},"modified":"2017-10-13T09:40:11","modified_gmt":"2017-10-13T09:40:11","slug":"simple-image-gallery","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/simple-image-gallery","title":{"rendered":"Simple Image Gallery"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column css=&#8221;.vc_custom_1485963458300{padding-right: 35px !important;padding-left: 35px !important;}&#8221; col_shadow=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221; col_shadow_hover=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221;][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][vc_column_text]Simple Image Gallery module is the\u00a0creative way to\u00a0create the media section of the image with single images arranged into three styles available.<\/p>\n<p>[\/vc_column_text][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][dfd_tta_tabs border_radius=&#8221;4&#8243; alignment=&#8221;left&#8221; active_section=&#8221;1&#8243; active_tab_background=&#8221;#3b55e6&#8243; tab_hover_text_color=&#8221;#3b55e6&#8243; tab_active_color_text=&#8221;#ffffff&#8221; border_color_active=&#8221;#3b55e6&#8243;][vc_tta_section title=&#8221;General settings&#8221; tab_id=&#8221;1486545572585-2437c7e1-5371&#8243;][vc_column_text]<\/p>\n<h3>General settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12310\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/General.jpg\" alt=\"\" width=\"978\" height=\"439\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/General.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/General-300x135.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/General-768x345.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Style<\/strong> \u2013 choose between 3 preset styles.\n<ul>\n<li><strong>Grid<\/strong>\u00a0&#8211; allows you to show regularly spaced horizontal and vertical elements.<\/li>\n<li><strong>Masonry<\/strong>&#8211; \u00a0select this style to display the elements one after another, first in the horizontal direction, then vertically.<\/li>\n<li><b>Carousel<\/b> \u2013 select this style to arrange the images into the carousel slider.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<ul>\n<li><strong>Animation<\/strong> &#8211; choose between 14 preset animation effects.<\/li>\n<li><strong>Custom CSS class<\/strong> &#8211;\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type <strong>custom-style<\/strong> class and then go to <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Custom CSS\/JS<\/del> <del>Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Gallery settings&#8221; tab_id=&#8221;1486545572829-e1c1304c-ee12&#8243;][vc_column_text]<\/p>\n<h3>Gallery settings<\/h3>\n<h5>Gallery images<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12311\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/gallery.jpg\" alt=\"\" width=\"978\" height=\"245\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/gallery.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/gallery-300x75.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/gallery-768x192.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Images<\/strong> &#8211; select as many images as you need to be displayed inside the Simple Image Gallery module.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Content settings&#8221; tab_id=&#8221;1486545573068-02c117a6-3d50&#8243;][vc_column_text]<\/p>\n<h3>Content settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12312\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/content-settigs-for-grid.jpg\" alt=\"\" width=\"978\" height=\"392\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/content-settigs-for-grid.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/content-settigs-for-grid-300x120.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2017\/03\/content-settigs-for-grid-768x308.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Items offset\u00a0<\/strong>\u00a0&#8211; \u00a0define the offset between the images inside the module.<\/li>\n<li><strong>Enable lightbox<\/strong> &#8211;\u00a0set the lightbox option for gallery images to <strong>Enable<\/strong>, so the images will be opened in the lightbox in original size after click on image.<\/li>\n<li><strong>Image width<\/strong> &#8211; \u00a0define the image width. This option is used for image resize action.<\/li>\n<li><strong>Image height<\/strong> &#8211; set the image height. This option is used for image resize action. For <strong>Grid<\/strong> and <strong>Carousel<\/strong> styles only.<\/li>\n<li><strong>Columns<\/strong> &#8211; \u00a0define the number of columns of the gallery. Five is the maximum number.<\/li>\n<li><strong>Crop images<\/strong> &#8211; set it to <strong>Enable<\/strong>, to activate hard image crop option. You will get the slides of equal size without saving image ration if you enable this option. You can also disable it and the images will keep the original aspect ratio in that case. For <strong>Carousel<\/strong> style only.<\/li>\n<li><strong>Autoplay<\/strong> &#8211; set it to <strong>Enable<\/strong> to activate\u00a0auto slideshow for the images carousel. For <strong>Carousel<\/strong> style only.<\/li>\n<li><strong>Slides to show<\/strong> &#8211;\u00a0select the number of the images to be displayed in the\u00a0module.\u00a0For <strong>Carousel<\/strong> style only.<\/li>\n<li><strong>Slides to scroll<\/strong> &#8211;\u00a0select the number of the images to be scrolled per one time in the\u00a0module.\u00a0For <strong>Carousel<\/strong> style only.<\/li>\n<li><strong>Slideshow speed<\/strong> &#8211;\u00a0set the speed of the slideshow in milliseconds.\u00a0For <strong>Carousel<\/strong> style only.<\/li>\n<li><strong>Pagination<\/strong> &#8211;\u00a0set it to <strong>Enable<\/strong> to display the pagination. For <strong>Carousel<\/strong> style only.\n<ul>\n<li><strong>Pagination style<\/strong> \u2013 select the most suitable pagination dots from the list of available ones.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/dfd_tta_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Simple Image Gallery module is the creative way to create the media section of the image with single images arranged into three styles available.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[17,46,24,22,33],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12307"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=12307"}],"version-history":[{"count":6,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12307\/revisions"}],"predecessor-version":[{"id":13008,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/12307\/revisions\/13008"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=12307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=12307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=12307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}