=== Image Gallery === Contributors: Juna-IT Donate link: http://juna-it.com/index.php/image-gallery/ Tags: awesome photo gallery, awesome responsive image galleries, best image gallery, best photo album, best photo gallery, easy photo gallery, image gallery for website, photo album, responsive image gallery, responsive photo galleries and albums, responsive photo gallery, simple photo gallery Requires at least: 3.0.1 Tested up to: 4.4.2 Stable tag: 1.0.2.2 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This Image Gallery plugin easy to use. It Helps you to create and show your images in your web-page how you designed it. == Description == ### WordPress Gallery Image Responsive **Plugin is one of the best in WordPress Gallery plugin category. Considering the large number of plugins in WordPress, Juna-IT company day by day will improve and enhance the functionality of products, and keep on adhering to the first position among WordPress Gallery Image Responsive plugins. Juna-IT Gallery Image Responsive is a WordPress Gallery Plugin designed to create Elegant and Beautiful Gallery Image Responsive Albums along with Images. Creating beautiful and elegant slideshows with photo gallery plugin is fast and really easy.** **Fully Responsive** Plugin can be used on different mobile devised as it ' s flexible for any screen size. As a very important feature responsiveness is on title and description of the gallery image as well. **Some Useful Links** **Support Email** - [junait.com@gmail.com](mailto:junait.com@gmail.com) **Website Plugin Link** - [http://www.juna-it.com](http://juna-it.com/index.php/image-gallery/) **Juna-IT FAQ** - [Plugin FAQ](https://wordpress.org/plugins/gallery-image-responsive/faq/) **Juna-IT User Manula** - [Plugin User Manual](https://wordpress.org/plugins/gallery-image-responsive/other_notes/) > #### Gallery Demo Version >[1. Gallery Image Responsive Content popup - Demo Version](http://juna-it.com/index.php/image-gallery-responsive-content-popup-demo/) > >[2. Gallery Image Responsive Custom Layout - Demo Version](http://juna-it.com/index.php/gallery-image-responsive-custom-layout-demo/) > >[3. Gallery-Image / Parallax Slider - Demo Version](http://juna-it.com/index.php/gallery-image-responsive-parallax-slider-demo/) > "Gallery Image Responsive" plugin is created for the people, who want Gallery Image to be screened for their website by different design and beauty. now you can also add any Image. Gallery image responsive plugin is created for the people, who want gallery image responsive to be screened for their website by different design and beauty. now you can also add any image. Simple and easy to use gallery interface allows you to create galleries in mere seconds simply select images from gallery add layers and your gallery is ready. Image galleries sleek animations gives professional and modern look to your website So We are sure your gallery image responsive will always satisfy you. Each of the versions are made by specific style according to your preference and corresponding to your website. gallery image plugin is a real miracle. The product includes plugin for adding gallery image and albums to posts and pages, as well as multiple widgets. Completely responsive gallery plugin use Shortcodes to embed Slideshows in your website. . ### The features of the gallery * Possibility of adding unlimited images and unlimited galleries for each slider Image. * Smart target feature, so that inner links will open up within the page, whereas outsourced links will open in a new page. * Autoplay configurations. * Touch Swipe Navigation. * Drag and drop gallery creation. * Fully Responsive and Mobile features - Advanced mobility gallery. Gallery implemented with advanced settings for different devices screen size. * Visual slide editor with zoom and desktop, tablet and mobile models. * Slide background image with transparent color overlay. * Shortcode for easy insert of the slider into post/pages. * Possibility to provide titles for the slides. * Extremely user friendly admin panel. * Responsive gallery image / Content popup * Responsive gallery image / Custom Layout * Slide pause on mouse over. * Layer Delay Time. * Layer Text Size. * Layer Text color. * Layer Background Color. * Possibility to use different sliders for different pages. * Possibility to change design for the bullets, navigation buttons. * Design customization for almost all features. * Possibility of sorting the Image. * Multiple Image Uploader. * Enable/Disable Gallery Title. * Enable/Disable Gallery Title. * Enable/Disable Gallery Description. * Enable/Disable Navigation Bullets. * Enable/Disable Gallery Thumbnails. **The powerful plugin settings panel makes deep customization possible. It means that the interface is adaptive, user can add or remove slider navigator, gallery arrow navigator , or any decoration interface. When touch the Slide, it will freeze and then move to the direction that finger swipes to.** **Fully responsive and Mobile features** Whether you are showcasing images, photos or HTML, this gallery image will render them beautifully on any platform and any browser size. Variety of responsive image gallery effects and gallery image slideshows to better manage and display your photos. Juna-IT Gallery Image Responsive allows you to create beautiful responsive photo and image galleries for your site in minutes, not hours! At Gallery Image Responsive, user experience is our N1 priority, so your galleries will always look great on all devices (desktop, laptop, mobile and tablet). Juna-IT Gallery is 100% responsive and mobile-friendly by default. With responsiveness, everyone will have access to the nicely designed gallery everywhere and every time. We also optimized every query on the front-end and the back-end to ensure maximum speed. Full support for WordPress version 4.4 responsive gallery images. The product includes plugin for adding image galleries and albums to posts and pages, as well as multiple widgets. You can add images, providing detailed descriptions and tags, organize the galleries into different albums. **Upload bundle of photos into gallery** With this gallery plugin you can easy upload images, create photo gallery, group pictures in photo slideshow and add descriptions for each image - Juna-IT gallery image is smart choice when showing best of your product or describing in brief any event. Uploaded user information can be changed in backend. A gallery adds an instant professional touch to any website. But it doesn’t just enhance your site’s looks, it also makes gallery image management a breeze, by allowing bulk uploading and photo gallery publishing. Choose the best to suit your particular needs! Upload bunch of images using Images Manager, with one click insert images into the gallery. Overview Smart and responsive image uploader that accepts wide range of common image types (PNG, JPEG, GIF and etc.). Our WordPress gallery plugin offers diverse and powerful functionality for getting images from your desktop to your website. You can easily upload batches of images via a standard WordPress-style uploader or you can upload to the gallery images, insert links. Possibility of uploading images from the Media Library of the website **Drag & Drop Gallery** By using our easy to use drag and drop, you can upload your photos, rearrange them, and basically create a gallery image in 5 minutes or less. There are drag and drop option to change the order of the images in the gallery. In Gallery Image plugin you are able to build gallery easily, reorder the images, decide their sequence in your gallery. Due to the drag and drop rearrange the sequence of the gallery images Upload of the images into gallery implemented with advanced drag and drop media manager. **Gallery View** You can change names and styles of Category & Sorting buttons or make them visible/invisible from gallery image view options which you can find in General Options section. Choose among 3 beautiful views ( gallery image / content popup, gallery image / custom layout, gallery-image / parallax slider ), which will suit the best for the gallery. Demonstration of the gallery on the front end can be made in different ways, no matter you use image gallery, image gallery or both in one gallery. 3 ways to demonstrate images will make you satisfy with the look of your gallery. Have the most beautiful gallery due to this 3 amazing views. Among the views you can find. [* Gallery Content popup](http://juna-it.com/index.php/image-gallery-responsive-content-popup-demo/) [* Gallery Custom Layout](http://juna-it.com/index.php/gallery-image-responsive-custom-layout-demo/) [* Gallery Parallax Slider](http://juna-it.com/index.php/gallery-image-responsive-parallax-slider-demo/) Displaying Gallery Content - How to show your gallery, 3 ways you can find on the right side of the gallery admin page: Show All, Pagination, Load More. **Show All** - By using Gallery you will be able to show all images related to a Blog Post or Page. All gallery items on a long tape. **Pagination** - You can to create gallery with pagination. Split your large galleries into multiple pages to improve page speed, user experience, and pageviews. **Load More** - If your gallery has a large number of images, you probably want a more solution to showcase your gallery images more interesting and engaging way, use Load More. **Advanced Compatibility** Full compatibility with WordPress 3.0.1 with compatibility to version 4.4.2. Gallery implemented in native WordPress style. Gallery plugin is compatible with Juna-IT plugins and with most of other plugins. In our gallery we implement advanced compatibility options to avoid conflict with libraries of another plugins and theme. You can switch between modes to find properly value for your gallery and your case. If you accordantly meet with some erros, conflicts or other related problems feel free to contact us and we'll to sort everything in short time. Also we have implemented set of gallery options which allow you to manager your gallery general settings to avoid conflicts. **Gallery Popup** In Gallery images are opened using Lightbox /Popup. Due to which your images will be opened in a nicely way. The idea of Lightbox is to make Gallery larger, ability to slide through all images within the gallery. Make some design customization on it, using the variety of Gallery Popup Options. With color selector you can change color and transparency of gallery popup Customizing look and feel of gallery image popup is as important as the content itself. That's why gallery content popup gives you ability to customize the icons, title color, title font-size, description color, description font-family of popup. Gallery Popups are a good marketing tool. A web page with a popup typically sees more conversions than the same page without a popup. More important, a page with a well designed and thoughtfully implemented popup converts better than one with a poor popup. With Gallery content popup you can customize the popup according to your needs. This kind of popup provides the easiest way to create an efficient connection between users and your website through subscription popup. In your gallery you can see images with the title under the text when you hover over the image you see zoom icon, it opens each project of the gallery from your tape increasing them as a popup, with the text. For closing the popup press “Cross” button and get back to your gallery images tape. **Shortcode** Here you will see galleries shotrcode which you can copy and Paste [Juna_Image_Gallery id="x"] where you want to see your gallery image. You can publish gallery image in any Page or Post in your WordPress sites. There are no limitations! Countless gallery can be created and displayed individually on different posts or pages by SHORTCODE. You can also modify each gallery and their packages at any time. The packages are sortable and each package can be designed by different colors by the Shortcode. In gallery preview you can view the pictures/images on your back-end before implementing the shortcodes on your Pages/Posts. **Template Shortcode** Copy and paste the code of the gallery into a template file to include the slideshow within your theme. . Full Window Gallery Template. You can display your image gallery in full window separate page. **Title And Description** Important possibility to add title and description to each image in the gallery. The description can be seen not in all view, but some of them have a place for it. Image Gallery accomplished with title and description looks rich and perfect. Gallery by Juna-IT makes it possible to implement as many galleries as you want into your website. You can add multiple pictures and description for each gallery, show them all at one page, view each one separately. For title and description of the gallery images we have advanced settings for customization of the font. You can select font style, size and colors for the static and hovered text of the front end gallery interface elements. **3 incredible views** Have most beautiful gallery due to this 3 amazing views, select one which will suit best for showing your gallery images or photos ( gallery image / content popup, gallery image / custom layout, gallery-image / parallax slider). Unlimited photo gallery options allow to choose different designs and styles, which make your photo grid gallery attractive for users. You display a large number of galleries on your site, including the slide gallery, supports the display of slides or pages of posts. All components of the slideshow can be easily customized. The plugin supports shortcode which let you insert the gallery into any post very quickly. Gallery Image - There are views which provide you to change the gallery image width in your gallery, as well as change the image border width and color. **Create Gallery in few minutes ** Add new gallery or adjust already created the gallery, where you can add both images give them title and description. Photo Gallery is an advanced plugin with a list of tools and options for adding and editing images for different views. It is fully responsive. Gallery Bank Regularly updates and simplicity of usage along with efficient functionality makes it a perfect choice for your wordpress site to have stunning look. Different actual high level views, modern slider with animations and ability to create own forms provide you the best WordPress gallery plugin that actual exists. **Admin panel** Image Gallery is easy to use, as admin panel of gallery is user-friendly. With simple admin panel you will be able to create galleries in easiest way. Possibility to add Gallery in widgets right from widgets admin panel With our versatile plugin you can magically change look and feel of your photo gallery, a huge selection of modules will help you embed the gallery in your posts and web pages making them feel complete. You will appreciate user friendly interface of admin panel, making creation of unique and contemporary style gallery an easy and fun process, and attracting increasing attention from viewers. **Support** Our experts are always ready to respond any questions related to our Image Gallery plugin, find out the problem and fix it quickly. Full support for WordPress version 4.4 responsive images. If you think you found a bug in Photo Gallery or have any problem/question concerning the plugin, please check out Photo Gallery Support Forum. If you do not find a solution here, do not hesitate to click here to contact us. Gallery Image is cross browser gallery plugin, all browsers are supported (IE 6+, Firefox 2+, Chrome 3+, Safari 3+, Opera 10+, iOS Safari, Opera Mobile, Android Browser, iPhone, iPad, Mac, Windows Surface etc.). Awesome Support is most versatile gallery image plugin for WordPress. It’s the result of one years of work, research, and improvement. ### Gallery Pro Key Features **General Options** Each view of the Image gallery plugin has unique customizable options. The options of the gallery are called general because every gallery with certain type will have the same customization. Gallery Image General Options are available for commercial version users. Here are 3 views (gallery responsive content-popup, gallery responsive Custom Layout, gallery responsive parallax slider), which customization can be done from general options. Customize your gallery according to your website, it gives you opportunities to change ratings styles, pagination styles, load more styles for your gallery images. Ordering for all images of gallery could be easily changed manually in media manager or you can find order by options in general gallery settings **Gallery General Options Views** Image Gallery has 3 wonderful views, gallery can be customized according to your taste and needs from General Options section. **Gallery Lightbox/Popup** In Gallery images are opened using Lightbox /Popup. Due to which your images will be opened in a nicely way. The idea of Lightbox is to make Gallery larger, ability to slide through all images within the gallery. Make some design customization on it, using the variety of Gallery Popup Options. With color selector you can change color and transparency of gallery popup Customizing look and feel of gallery image popup is as important as the content itself. That's why gallery content popup gives you ability to customize the icons, title color, title font-size, description color, description font-family of popup. Gallery Popups are a good marketing tool. A web page with a popup typically sees more conversions than the same page without a popup. More important, a page with a well designed and thoughtfully implemented popup converts better than one with a poor popup. With Gallery content popup you can customize the popup according to your needs. This kind of popup provides the easiest way to create an efficient connection between users and your website through subscription popup. In your gallery you can see images with the title under the text when you hover over the image you see zoom icon, it opens each project of the gallery from your tape increasing them as a popup, with the text. For closing the popup press “Cross” button and get back to your gallery images tape. Fully Responsive - Image Gallery is an advanced plugin with a list of tools and options for adding and editing images for different views. It is fully responsive. Image Gallery plugin is fully responsive for different screen sizes. Your users may see gallery with any device they want. **Compatible Browsers** * IE8+ * Firefox * Safari * Opera * Chrome * iOS browser * Android browser Beyond the features mentioned above, there are lots of other WordPress gallery features inside of the plugin. You gain the benefit of an intuitive user interface that makes slider management easy, simple to understand gallery options, and a plethora of hooks and filters to manipulate the slider output. * **Gallery is Fully Responsive** - Image Gallery plugin is fully responsive for different screen sizes. Your gallery will be available for everyone to enjoy using any device. What about responsiveness. Gallery Image is fully responsive plugin, which adapts to your screen size and make it convenient to use, besides image gallery, lightbox tool is also responsive, as well as Popup, in Content Popup view of image gallery. Gallery Image plugin is easy to insert into any part of your template and use image gallery as widget. * **Upload Galleries** - Our WordPress gallery plugin offers diverse and powerful functionality for getting images from your desktop to your website. You can easily upload batches of images via a standard WordPress-style uploader. * **Drag and Drop functionality** - In Gallery Image plugin you are able to build gallery easily, reorder the images, decide their sequence in your gallery. * **Load more, show all and pagination** - This feature will allow demonstrating only a part of your created gallery images, hiding the rest of them under Load More button, or dividing all your gallery projects into several pages with help of Pagination. You also choose how many projects to display per page. * **Advanced Compatibility** - In our gallery we implement advanced compatibility options to avoid conflict with libraries of another plugins and theme. You can switch between modes to find properly value for your gallery and your case. * **Customizable 10 hover effects** - All gallery hover effects working in cooperation with gallery interface configuration options. You can easily change style and colors of the hover animation elements. * **Slideshow** - Add beautiful slideshow with autoplay, manual controls, and more. Due to which your images will be opened in a nicely way. * **Shortcodes using Juna-IT Gallery** - Here you will see galleries shotrcode which you can copy and Paste [Juna_Image_Gallery id="N"] where you want to see your gallery image. You can publish gallery image in any Page or Post in your WordPress sites. * **Image gallery Hundreds Of Design Options** - General Options of Pro version, gives you big choice of different settings, make image gallery look exactly as you need with plenty of adjustments of colors, size, and effects. Gallery Image is made special for you to demonstrate images of your gallery to look pretty nice, informative, user friendly. * **Title And Description** - In galleriess, editing can be done easily. You can edit or add more images/ pictures in your galleriess. You can change title/description of an album as well as title/description of each image uploaded in particular gallery. * **Template Include** - Copy and paste the code of the gallery into a template file to include the slideshow within your theme. . * **3 incredible views** - Have most beautiful gallery due to this 3 amazing views, select one which will suit best for showing your gallery images or photos ( gallery image / content popup, gallery image / custom layout, gallery-image / parallax slider). * **Create Gallery** - Add new gallery or adjust already created the gallery, where you can add both images give them title and description. There are views which provide you to change the gallery image width in your gallery, as well as change the image border width and color. * **Responsive Gallery Categories** - This plugin is an exclusive add-on to the "gallery-image-responsive" Plugin. It allows creating different categories of galleries on your site. This way, you could organize the galleries on your website, which makes navigating through your content a whole lot easier. * **Gallery Image** - You display a large number of galleries on your site, including the slide gallery, supports the display of slides or pages of posts. All components of the slideshow can be easily customized. The plugin supports shortcode which let you insert the gallery into any post very quickly. * **Build in colors selector** - In gallery you can easily change color of any gallery. * **Build in borders and shadows settings** - Gallery borders and shadows have advanced options for configuration design and style of this gallery interface elements. * **Multi Categories** - Gallery implemented with multi categories support. You can create your own galleries, depend of your needs * **Icon ' s** - You can select icons from our 9 different beautifully designed sets. Also you can define to appear the icons horizontally/vertically and no. of rows/columns. Define size, set height, width of the icons * **Gallery Navigation** - If you have more than 2 images, it will display a page navigation bar. Navigation responsive to suit both mobile and tablet devices. The powerful plugin settings panel makes deep customization possible. It means that the interface is adaptive, user can add or remove slider navigator and slider arrow navigator. * **User Friendly Admin Panel** - " Juna-IT gallery image responsive " does not require any Coding Knowledge. With the simple admin panel you will be able to create the galleries in the easiest way. * **All Browsers Supported** - Gallery Image is cross browser gallery plugin, all browsers are supported (IE 6+, Firefox 2+, Chrome 3+, Safari 3+, Opera 10+, iOS Safari, Opera Mobile, Android Browser, iPhone, iPad, Mac, Windows Surface etc.). * **Implemented in native WordPress style using native classes** - Gallery fully native for WordPress implemented without any hacks and tricks * **Classic gallery layout** - layout of the gallery could have classic style or grid layout, every gallery on page could have own styles and settings. * **Font settings** - Gallery have build in advanced text style editor options. With this options you can fully customize title, caption, description of the every gallery image. * **Different resolutions** - Gallery have implemented advanced size control options where you can define layout or fixed size for the gallery elements on different screen resolutions * **Gallery lightbox font transparency** - in gallery lightbox settings you can change transparency of the font with comfortable color selector * **Optimized javascript code** - Optimized javascript code make Juna-IT gallery plugin even more fast. **[* Demo 1 Gallery Image Content-Popup](http://juna-it.com/index.php/image-gallery-responsive-content-popup-demo/)** Gallery Image Responsive Popups are a good marketing tool, they're impressively high converting. A web page with content popup typically sees more conversions than the same page without a gallery content popup. You can fully customize the popup background color, title color, sizes and many many other options. Choosing a responsive size will make your gallery video popups resize automatically with users screen size. Great for use with themes that are responsive. With Gallery Image Content Popup plugin you can customize content popup according to your needs. **Why Choose this Plugin?** Soliloquy is the best choice for a WordPress gallery image responsiv plugin because it is fast, extremely intuitive and super easy to use. You can get your gallery going in just a matter of seconds. In fact, take a look at how easy it is to create a WordPress gallery image. **Shortcode** Using [Juna_Image_Gallery id="1"] shortcode, you can publish gallery image in any Page or Post in your WordPress sites. If in this plugin you have found a mistake, or if you have some question , please read support. if there is no information which can help you, do not be ashamed, click here to contact us and ask your question > #### Juna-IT >[* Gallery Image Responsive Content popup - Demo Version](http://juna-it.com/index.php/image-gallery-responsive-content-popup-demo/) > >[* Gallery Image Responsive Custom Layout - Demo Version](http://juna-it.com/index.php/gallery-image-responsive-custom-layout-demo/) > >* [Gallery-Image / Parallax Slider - Demo Version](http://juna-it.com/index.php/gallery-image-responsive-parallax-slider-demo/) > > #### Gallery FAQ & User Manual > >Support Email - [Juna-IT Support](mailto:junait.com@gmail.com) > >Website Plugin Link - [http://www.juna-it.com/image-gallery](http://juna-it.com/index.php/image-gallery/) > >" Gallery image responsive " PRO Version - [http://www.juna-it.com/image-gallery-responsive](http://juna-it.com/index.php/image-gallery/) > >Juna-IT FAQ** - [Plugin FAQ](https://wordpress.org/plugins/gallery-image-responsive/faq/) > >Juna-IT User Manula - [Plugin User Manual](https://wordpress.org/plugins/gallery-image-responsive/other_notes/) > Thanks for downloading and installing plugin. You can show your appreciation and support future development. Install and enjoy! == Installation == ### The installation is extremely simple and straightforward. It only takes a second. Perform new installation **Installation Steps** After downloading the ZIP file of the Juna-IT Image Gallery plugin, Log in to the administrator panel. Go to Plugins Add > New > Upload. Click "Choose file" ("Browse") and select the downloaded zip file of the easy calendar. Click "Install Now" button. Click "Activate Plugin" button for activating the Juna-IT Image Gallery Configure Gallery using the following pages in the admin panel: Image Gallery -> Gallery Manager, Gallery -> General Options For Mac Users Go to your Downloads folder and locate the folder with the Juna-IT Image Gallery. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here. Upgrading from 1.0.0 or later Deactivate the plugin (all kind of changes in will remain, even if you delete plugin). **That's all, now you can build Gallery Image forms. If any problem occurs, contact us at [junait.com@gmail.com](mailto:junait.com@gmail.com).** This plugin can easily build a bright gallery especially if you are a photographer or a designer, Juna-IT Image Gallery will be useful for you because you will be able to present your works in an unusual way. It is enough to install the plugin once, and it will work for you all the time, creating a beautiful collection of your best photos. The only thing you need to do is to set the preferred parameters of the WordPress image gallery. This plugin allows you to display miniatures of photos, and you can do it, performing some simple actions. Choose the place on the screen where you want to arrange your images and select a desired style of captions. There is a wide range of responsive WordPress gallery options – you can make your captions slide-in, fade-out or display them with animation. Moreover, the availability of effects may help you to attract more users. Four border types also will be helpful for creating original Image galleries as well as the possibility of using a grid of two areas. == Frequently Asked Questions == **How can I add photos to the Image Gallery?** The photos can be added to Image Gallery using its standard File Manager. The uploader can be used both for uploading individual images or multiple images (This should done by uploading a .zip archive file) **What is the difference between galleries and albums?** The galleries are designed to contain images, whereas albums contain either galleries and/or other albums. **Can I add images/photos using FTP?** Unfortunately, there is no such option. During the upload the thumbnails of the images are being created, whereas when using FTP the thumbnails do not get generated. The image thumbnails are required for most of the views. Thus using Media Upload is the only option. **Is the Gallery Image responsive?** Yes, the Gallery Image is responsive and displays resized image for the mobile devices and tablets. **What are the best dimensions to set for Photo Gallery Images?** We recommend to use images with the width of 1200px to 1600px. In order to speed up the load time of one's site, please use images with size of 500-700 KB or less **Can I add images to my galleries which had already been uploaded to WordPress Media Library?** To enable the feature of adding Media Library images, go to Gallery Image > Options > Global Options and set Import from Media Library option to Yes. After that you will be able to import photos from Media Library to Gallery Image. **Is it possible to change transparency of the hover shutter?** Yes, it's possible to change transparency in gallery settings **How to change quality of the gallery thumbnails?** Quality of the gallery thumbnails could be easily changed in gallery size option / thumbnails options / source **How to change font size of the gallery image caption?** In gallery settings you can enable custom caption settings where you can customize font size and see results. **How to change color of the gallery interface elements?** Color of every gallery front end interface element could be changed changed in admin section with color selector. **Is it possible create gallery in WordPress post with Gallery?** Yes, you can insert image gallery into post with shortcode tag **How to insert gallery into WordPress page or post?** When you create gallery in plugin galleries manager you can insert your gallery image manually using shortcode, which you can find in gallery edit mode in shortcode [Juna_Image_Gallery id="N"] section of gallery settings. **How to change amount of the columns in gallery layout?** In gallery general settings you can find gallery thumbnails columns options which could depend of the device screen size. You can define different gallery columns amount for different resolution. **How to get the updated version of the Gallery Image Responsive?** Pro users can get updated version of Gallery Image Responsive plugin contacting us via the following email address: [junait.com@gmail.com.](mailto:junait.com@gmail.com). **In Content/Gallery Pop Up view popup overlays my navigation menu, how to prevent this?** This situation is related to z-index, try to enlarge the number of z-index, if you are unable to do yourself contact [junait.com@gmail.com](mailto:junait.com@gmail.com) for technical support. **I have paid for pro version gallery image responsive and didn't get the link or file to update the gallery. What to do?** If you make a purchase and does not receive Juna-IT-gallery-image-responzive.zip file or file was corrupt, contact us via this email [junait.com@gmail.com.] (mailto:junait.com@gmail.com). Send us “Order Number” of the gallery plugin, we will check and send you the zip file of the Image Gallery quickly. **When I update to commercial version of gallery image responsive will I lose all my changes that I have made in free version?** All kind of changes made in free version will remain, even if you delete plugin. **How to change amount of images (photos) loading on gallery page? ** In gallery settings we have few options which makes you able to select amount of the images (photos) for the first load and for load more action **Do you have some problems with backend?** There can be a few reasons for such problem in image (photo) gallery. In this case, if you have a problem in your gallery contact our support to get fast help. **Do you have fade effect for thumbnails/custom layout hover?** Yes, gallery have fade hover effect **Have purchased Gallery Image Responsive pro version but still get announcement to buy commercial version. What to do?** This may occur because of your browser’s cache files. Press ctrl+f5 (Chrome, FF) in order to clean them, if you use safari, etc., clean from browser settings. **How to upload images/photos to the gallery?** When you create new gallery image (photos) or open already existent gallery for edit on the right side of the edit gallery section you'll see gallery images (photos) manager button. When you open gallery images (photos) manager you'll be able there edit all gallery images (photos). Upload, edit or delete. In gallery images manager you can use drag and drop gallery images (photos) upload tool. **How to customize border of the gallery image responsive thumbnails / custom layout?** In gallery settings you can find general settings section where you can turn on/off thumbnails/ custom layout border. Also you can customize there style of the border, namely width, color and style of the thumbnail/custom layout borders **I have bought the commercial license, installed the file but the Gallery Image plugin seems to be still free version, what to do?** After installation of the pro version of the Gallery Image responsive plugin, all your changes will be saved in General Options. If you still see "free version" notification after the installation of the pro version of gallery plugin, in this case: * Try to clean your cache files if this will not help. * Delete, and install gallery image plugin again. **What can I do, if I have developer gallery image, and Gallery Image Responsive plugin works only on one site but does not work on the other sites?** If you installed the developer (have number of sites) version of Gallery Image plugin in the main page and it does not work on other pages, in this case, you should do following steps: * Deactivate gallery image plugin from main page * Go to the other pages and activate gallery one by one * When plugin will be activated on all your pages, go back to your main page and activate gallery. **What can I do if some gallery interface elements in backend do not work properly?** If you have some conflict in gallery image (photo) back end you can sort it with new compatibility option. If combo box element do not drop down you can switch between classic and modern style, as result you can avoid conflict with another code. **Where to change settings of image/photo of gallery?** Settings of the gallery image (photo) you can change in gallery image (photo) manager. There you can upload, edit or customize already uploaded images (photos) to the gallery **Is it possible to change transparency of the hover shutter?** Yes, it's possible to change transparency in gallery image settings. **What if Lightbox/Popup in gallery image doesn't work?** There can be two reasons: * Something in your site the lightbox has blocked * You have another lightbox component which conflicts with ours In both cases contact [junait.com@gmail.com](mailto:junait.com@gmail.com) **Do you have some problems with Gallery Image installation?** Feel free to ask our support team, they will help you to install the plugin quickly. **Which parameters I can change for the gallery image borders and shadows?** You can change size, color and style of gallery image borders and shadows. **Which style parameters I can change for the hover button icon?** You can select background color and color of icon, size of icon **Can I do my own modifications in gallery image general options?** Yes (Pro Version) Gallery Image has a General Options where you have great opportunities to change every detail for your gallery images **Does Gallery Image (photo) limit uploaded image/photo amount?** No, in both free and pro version of Gallery Image (photo) you can add as many image/photo links as you need. **Can I divide my gallery images into pages?** Gallery Image has a Pagination, Load More, and Show All displaying content. **I have already purchased Gallery Image Personal version, how do I upgrade it to the Developer version, without buying gallery again?** If you have any pro version of our Gallery Image plugin and want to upgrade, you do not need to buy Gallery Image once again, you only need to pay difference for price. For having your desired version of gallery image responsive plugin, simply contact via this email: [junait.com@gmail.com.](mailto:junait.com@gmail.com). or write our online chat and we will help you to pay the difference and get gallery plugin. **How to change text below image in lightbox/popup?** In gallery video manager you can select which text show below image in gallery lightbox. You can select Caption, Title or image Description as source for this field in image gallery lightbox. **How to define size of gallery images thumbnails?** Our gallery is fully responsive and gallery image thumbnails size depend of a lot of factors. Gallery calculate thumbnails automatically depend of the general gallery size and gallery layout settings. First of all you can define ratio values for gallery thumbnails. **Is it possible to customize gallery image caption?** In gallery settings you can find images manager where you can change settings of every image, one of option it's caption of image **How to enable icons on gallery hover shutter?** In gallery hover settings we implemented full set of configuration settings of buttons. You can change icon, style size and color. **Which permissions do I need to have on server for proper video gallery installation?** Our gallery do not require any special permissions for installation of the gallery or during upload of the gallery images. All requirements are basic: our gallery have the same requirements as WordPress have. = I have paid for pro version and did not get the link or file to update = If you made purchase and did not get the file, or file was corrupt, contact us by [junait.com@gmail.com](mailto:junait.com@gmail.com) and send ' order number ', we will check and send you the file as soon as possible == Screenshots == 1. Gallery Manager - Admin Page 2. Gallery Manager - Add New Gallery 3. Gallery Manager - Add New Image 11. General Option - Responsive Content-Popup 22. General Option - Responsive Custom Layout 23. Responsive Content-Popup 33. Responsive Content-Popup 34. Responsive Custom Layout 35. Responsive Parallax Slider 41. Responsive Parallax Slider 42. Responsive Parallax Slider == Changelog == = Gallery Image, List Version 1.0.2.2 = * Added our other recommended plugins by author Juna-IT: = Gallery Image, List Version 1.0.2.1 = * Update Image Gallery free version = Gallery Image, List Version 1.0.2 = * Fully Responsive Gallery Image. * Fully Bug fixed in Gallery = Gallery Image, List Version 1.0.1 = * Added new Gallery type: 'Parallax Slider' * You can redesign your gallery image after making. * Bug fixed in Gallery = Gallery Image, List Version 1.0.0 = * Adding Image Gallery by Juna-IT ==Other comments== ### WordPress Gallery Image Responsive Step by step guide **Step 1: Installing the Gallery Image Responsive** * Minimum requirements. * WordPress 3.4+ * PHP 5.x * MySQL 5.x Perform a new installation. Log in to the administrator panel. Go to Plugins Add > New > Upload. Click Choose file (Browse) and select the Juna-IT-Image-Gallery-Responsive.zip file. Click Upload&Install button. Click Activate Plugin button for activating the plugin. If the installation succeeded you will see the success message. If any problem occurs, please click here to [contact us.](mailto:junait.com@gmail.com) == WordPress Add an Gallery Image Responsive == Of this admin page you may start creating your gallery, add new gallery image pressing on "add new". ### Step 1 Creating an Gallery Image Responsive **Starting to create our gallery image responsive** * As a first step you should specify the name of the gallery. * Gallery Name. Provide a name for the image. * Gallery Type - From this 3 blocks you can choose only one. **Gallery Image / Content-Popup** **Gallery Image / Custom Layout** **Gallery Parallax Responsive** * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many videos you want to see in one page. Associated which version did you select. ### Add unique Title to your images, to complete your gallery * **Image Title** - Important possibility to add title to each image(photo) in the gallery. The image title can be seen not in all views, but some of them have a place for it. Gallery Image Responsive accomplished with title looks rich and perfect. Description. Wright some information about image content * **Add images from Media Library** - You can select images to use within the gallery which are currently uploaded to your Media Library by clicking on those and pressing " Insert into post " button. In addition, you can upload new files, navigating to the Upload Files tab on the left. Then press Select Files button, choose the image(photo) and press Insert button. This way the video will be added to the gallery. **Add Image(photo) URL** - You can also add videos providing the absolute link to it. Press Add Image(photo) URL, provide the link and press Add button. This will be useful for adding images to the gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within the gallery from web site URL. You should click on the Add Image(photo) button, provide the link to the image(photo) and press Add button. The image(photo) associated with the web site image(photo) will be automatically displayed as a gallery image. **Remove** - You can use Remove button to remove the gallery image. Quantity images is unlimited. Quantity depends on your wishes. If you want to add one more you must click on "Add New Image". By clicking the button below you will see a sequence of windows. If you want to delete one of the creatures image(photo) clicking on the icon at the top of the bin will be deleted. If you are finished gallery image(photo) creation and want to keep it, in the upper right side you'll see the SAVE button. Clicking on it will be Saved. After This in admin page you will see Gallery Image Responsive created by you. ### Gallery Image Responsive Manager. After you created gallery image responsive on the gallery manager are 6 blocks. * No - Here is located the number Of your gallery. * Gallery Title - Here you will see gallery title wrote by you. * Quantity Gallery Image - How many images you created. * Type - Determine preferable type of your gallery image. * Shortcode - Here you will see image galleries shotrcode which you can copy and Paste [Juna_Video_Gallery id="x"] where you want to see your gallery image. * Actions - Edit. Press Edit you can make some changes, if you want to add or remove anything on gallery. * Actions - Delete: Press Delete gallery image created by you will delete. ### Gallery Image Responsive General Options **2. Gallery-Image/Content-Popup Settings for gallery title** 2.1**Title font size** - Specify the font size for the gallery image title. 2.11**Font family** - Specify the font family for the text used with the gallery for gallery image responsive. 2.12**Title Text Color** - Set color of the title in image for the gallery image responsive. 2.2**Settings for Image Description** 2.21**Show image description** - Select whether to see the gallery description text or not for the gallery images. 2.22**Text color** - Pick up font color for gallery description text in gallery images. 2.23**Background color** - Determine the color for description field in gallery image responsive. 2.24**Font size** - Define the font size for the image description in gallery images. 2.25**Font family** - Specify font family for description used with photo gallery for gallery image responsive. 2.3**Settings for Image** 2.31**Image width** - Define the gallery width for the image view option in gallery images. 2.32**Place Between Images** - Set the width of the border between gallery image for the gallery responsive. 2.33**Images Border Radius** - Choose the radius of border corners in the gallery images. 2.34**Images Hover Color** - Select background color for photo gallery when hovered in gallery images. 2.35**Images Transparency Hover** - Specify the background transparency level in gallery images. 2.4**Slideshow Settings** 2.41**SlideShow Autoplay** - Select whether to see the slide-show or not for tha gallery image responsive. 2.42**Slideshow Change Speed** - Select speed of the gallery animation for tha gallery image responsive. 2.43**Slideshow Pause time** - Set the time interval for the change of the galleries in milliseconds for tha gallery image responsive. 2.44**Slider Slideshow Effect** - Assign default effect in the slideshow. You can select effects from our 6 different beautifully designed sets for tha gallery image responsive. 2.45**Slider icon color** - Slider element's image Overlay color. Select a color for the overlay on the slider as you hold the mouse arrow on it for tha gallery image responsive. 2.46**Slider icon size** - Alter the size of the icon regardless of the container(px) for tha gallery image responsive. 2.47**Responsive icons** - Assign a default icon in the responsive slideshow for gallery image. You can select icons from our 9 different beautifully designed sets in the gallery image responsive. **3. Gallery Image / Responsive Custom Layout** 3.1**Image height** - Define gallery height for the image view option in gallery image responsive. 3.11**Place Between Images** - Set the width of the border between responsive gallery image. 3.12**Border Radius** - Choose radius of border corners in the photo gallery for the gallery images. 3.13**Border color** - Choose the border color for the images. 3.14**Border Radius** - Choose the radius of border corners in the gallery images. 3.15**Hover Color** - Select background color for photo gallery when hovered for gallery images. 3.16**Transparency Hover** - Specify the background transparency level for gallery images. 3.2**Settings for image gallery Description** 3.21**Show image description** - Select whether to see the gallery description text or not for gallery image responsive. 3.22**Description text color** - Provide text color which will be displayed over the gallery/album images for gallery image responsive. 3.23**Show background color** - Select whether to see the gallery background color or not for gallery image responsive. 3.24**Font size** - Define the font size for the photo description in gallery images. 3.25**Image Font family** - Specify font family for description used with gallery image. 3.3**Settings for Image** 3.31**Image Title font size** - Specify the font size for the gallery photo title. 3.32**Image Font family** - Specify the font family for the text used with the gallery. * **Image Title Text Color** - Set color of the title in image for gallery image responsive. 3.4**Choose icons for image** 3.41**Gallery responsive icons color** - alter color of the icon overlay on gallery as you hold the mouse arrow on it for gallery images. 3.42**Gallery responsive icon size** - Alter size of icon regardless of the container for gallery images. 3.43**Gallery responsive icons** - In your gallery you can see images when you hover over the image you see zoom icon, it opens each project of the gallery from your tape increasing them as a popup, with the text for gallery images. **4. Gallery Image / Parallax Slider** 4.1**Gallery show title** - Choose whether to have possibility of displaying gallery image information (Title) in this view or not for gallery images responsive. 4.11**Image title font size** - Set font size of title of the gallery images for gallery images responsive. 4.12**Image title font family** - Determine font family for slideshow image title in gallery images responsive. 4.13**Image text color** - Choose font color for text elements of gallery images for gallery image. 4.2**Settings for Gallery Image Description** 4.21**Gallery show description** - Choose whether to have possibility of displaying gallery image information (Description) in this view or not for gallery image responsive. 4.22**Image text color** - Choose font color for description of gallery images for gallery. 4.23**Gallery show background color** - Choose whether to always display the galler image background color in this view or not. 4.24**Gallery background color** - Select background color for image in gallery images. 4.25**Transparency hover** - Specify the background transparency level for the gallery images. 4.26**Description font size** - Define font size for slideshow image description in gallery images responsive. 4.27**Description first font size** - Define first font size for slideshow image description in gallery images responsive. 4.28**Font family** - Specify font family for description used with gallery image. 4.3**Settings for Gallery Image** 4.31**Image height** - Define gallery height for image in the gallery images. 4.32**Border width** - Define gallery width for image in the gallery images. 4.33**Image border radius** - Define border radius for gallery images. 4.34**Small image height** - Define small height for image galleries. 4.35**Small image Border width** - Define small border width for gallery image. 4.36**Small image border radius** - Define small border radius for gallery in the gallery images. 4.37**Image Border Color** - Choose color for border of gallery images. 4.38**Small image transparency** - Specify level of small image transparency you want to apply to the gallery images. 4.4**Gallery Slider Settings** 4.41**Small image top speed in gallery slider** - Select show top speed of small images. 4.42**Change slider speed** - Select change speed of slideshow gallery in tha gallery images. 4.43**Gallery Slider Options** 4.44**Show gallery slider background image** - Choose whether to display the background image or not for gallery images. 4.45**Add background image** - You can upload images to your gallery from your PC and other devices using this feature. Select background image for slider gallery in the gallery image responsive. 4.46**SliderBorder width** - Set border width for slider in the gallery image 4.47**Slider Box shadow width** - Set the shadow width values for the slider box in the image gallery. 4.48**Slider Box shadow color** - Set the shadow color for the slider box in tge gallery image. **Title/Description Type** * **Title/description Type** Determine preferable type of your title and description in Gallery. **Choose Icons for Image Slider** - You can select icons from your 18 different beautifully designed sets. * **Choose Loading Icons for Gallery** - You can select loading icons from your 20 different beautifully designed sets. **Starting to create our gallery image responsive** * As a first step you should specify the name of the gallery. * Gallery Name. Provide a name for the image. * Gallery Type - From this 3 blocks you can choose only one. **Gallery Image / Content-Popup** **Gallery Image / Custom Layout** **Gallery Parallax Responsive** * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many videos you want to see in one page. Associated which version did you select. ### Add unique Title to your images, to complete your gallery * **Image Title** - Important possibility to add title to each image(photo) in the gallery. The image title can be seen not in all views, but some of them have a place for it. Gallery Image Responsive accomplished with title looks rich and perfect. Description. Wright some information about image content * **Add images from Media Library** - You can select images to use within the gallery which are currently uploaded to your Media Library by clicking on those and pressing " Insert into post " button. In addition, you can upload new files, navigating to the Upload Files tab on the left. Then press Select Files button, choose the image(photo) and press Insert button. This way the video will be added to the gallery. **Add Image(photo) URL** - You can also add videos providing the absolute link to it. Press Add Image(photo) URL, provide the link and press Add button. This will be useful for adding images to the gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within the gallery from web site URL. You should click on the Add Image(photo) button, provide the link to the image(photo) and press Add button. The image(photo) associated with the web site image(photo) will be automatically displayed as a gallery image. **Remove** - You can use Remove button to remove the gallery image. Quantity images is unlimited. Quantity depends on your wishes. If you want to add one more you must click on "Add New Image". By clicking the button below you will see a sequence of windows. If you want to delete one of the creatures image(photo) clicking on the icon at the top of the bin will be deleted. If you are finished gallery image(photo) creation and want to keep it, in the upper right side you'll see the SAVE button. Clicking on it will be Saved. After This in admin page you will see Gallery Image Responsive created by you. ### Gallery Image Responsive Manager. After you created gallery image responsive on the gallery manager are 6 blocks. * No - Here is located the number Of your gallery. * Gallery Title - Here you will see gallery title wrote by you. * Quantity Gallery Image - How many images you created. * Type - Determine preferable type of your gallery image. * Shortcode - Here you will see image galleries shotrcode which you can copy and Paste [Juna_Photo_Gallery id="x"] where you want to see your gallery image. * Actions - Edit. Press Edit you can make some changes, if you want to add or remove anything on gallery. * Actions - Delete: Press Delete gallery image created by you will delete. ### Gallery Image Responsive General Options **5. Gallery-Image/Content-Popup Settings for gallery title** 5.1**Title font size** - Specify the font size for the gallery image title. 5.11**Font family** - Specify the font family for the text used with the gallery for gallery image responsive. 5.12**Title Text Color** - Set color of the title in image for the gallery image responsive. 5.2**Settings for Image (photo) Description** 5.21**Show image (photo) description** - Select whether to see the gallery description text or not for the gallery images. 5.22**Text color** - Pick up font color for gallery description text in gallery images. 5.23**Background color** - Determine the color for description field in gallery image responsive. 5.24**Font size** - Define the font size for the image description in gallery images. 5.25**Font family** - Specify font family for description used with photo gallery for gallery image responsive. 5.3**Settings for Image (photo)** 5.31**Image width** - Define the gallery width for the image (photo) view option in gallery images. 5.32**Place Between Images** - Set the width of the border between gallery image (photo) for the gallery responsive. 5.33**Images Border Radius** - Choose the radius of border corners in the gallery images. 5.34**Images Hover Color** - Select background color for photo gallery when hovered in gallery images. 5.35**Images Transparency Hover** - Specify the background transparency level in gallery images. 5.4**Slideshow Settings** 5.41**SlideShow Autoplay** - Select whether to see the slide-show or not for tha gallery image responsive. 5.42**Slideshow Change Speed** - Select speed of the gallery animation for tha gallery image responsive. 5.43**Slideshow Pause time** - Set the time interval for the change of the galleries in milliseconds for tha gallery image responsive. 5.44**Slider Slideshow Effect** - Assign default effect in the slideshow. You can select effects from our 6 different beautifully designed sets for tha gallery image responsive. 5.45**Slider icon color** - Slider element's image Overlay color. Select a color for the overlay on the slider as you hold the mouse arrow on it for tha gallery image responsive. 5.46**Slider icon size** - Alter the size of the icon regardless of the container(px) for tha gallery image responsive. 5.47**Responsive icons** - Assign a default icon in the responsive slideshow for gallery image. You can select icons from our 9 different beautifully designed sets in the gallery image responsive. **6. Gallery Image / Responsive Custom Layout** 6.1**Image height** - Define gallery height for the image view option in gallery image responsive. 6.11**Place Between Images** - Set the width of the border between responsive gallery image. 6.12**Border Radius** - Choose radius of border corners in the photo gallery for the gallery images. 3.13**Border color** - Choose the border color for the images. 6.14**Border Radius** - Choose the radius of border corners in the gallery images. 6.15**Hover Color** - Select background color for photo gallery when hovered for gallery images. 6.16**Transparency Hover** - Specify the background transparency level for gallery images. 6.2**Settings for image gallery Description** 6.21**Show image description** - Select whether to see the gallery description text or not for gallery image responsive. 6.22**Description text color** - Provide text color which will be displayed over the gallery/album images for gallery image responsive. 6.23**Show background color** - Select whether to see the gallery background color or not for gallery image responsive. 6.24**Font size** - Define the font size for the photo description in gallery images. 6.25**Image Font family** - Specify font family for description used with gallery image. 6.3**Settings for Image** 6.31**Image Title font size** - Specify the font size for the gallery photo title. 6.32**Image Font family** - Specify the font family for the text used with the gallery. * **Image Title Text Color** - Set color of the title in image for gallery image responsive. 6.4**Choose icons for image** 6.41**Gallery responsive icons color** - alter color of the icon overlay on gallery as you hold the mouse arrow on it for gallery images. 6.42**Gallery responsive icon size** - Alter size of icon regardless of the container for gallery images. 6.43**Gallery responsive icons** - In your gallery you can see images when you hover over the image you see zoom icon, it opens each project of the gallery from your tape increasing them as a popup, with the text for gallery images. **7. Gallery Image / Parallax Slider** 7.1**Gallery show title** - Choose whether to have possibility of displaying gallery image information (Title) in this view or not for gallery images responsive. 7.11**Image title font size** - Set font size of title of the gallery images for gallery images responsive. 7.12**Image title font family** - Determine font family for slideshow image title in gallery images responsive. 7.13**Image text color** - Choose font color for text elements of gallery images for gallery image. 7.2**Settings for Gallery Image Description** 7.21**Gallery show description** - Choose whether to have possibility of displaying gallery image information (Description) in this view or not for gallery image responsive. 7.22**Image text color** - Choose font color for description of gallery images for gallery. 7.23**Gallery show background color** - Choose whether to always display the galler image background color in this view or not. 7.24**Gallery background color** - Select background color for image in gallery images. 7.25**Transparency hover** - Specify the background transparency level for the gallery images. 7.26**Description font size** - Define font size for slideshow image description in gallery images responsive. 7.27**Description first font size** - Define first font size for slideshow image description in gallery images responsive. 7.28**Font family** - Specify font family for description used with gallery image. 7.3**Settings for Gallery Image** 7.31**Image height** - Define gallery height for image in the gallery images. 732**Border width** - Define gallery width for image in the gallery images. 7.33**Image border radius** - Define border radius for gallery images. 7.34**Small image height** - Define small height for image galleries. 7.35**Small image Border width** - Define small border width for gallery image. 7.36**Small image border radius** - Define small border radius for gallery in the gallery images. 7.37**Image Border Color** - Choose color for border of gallery images. 7.38**Small image transparency** - Specify level of small image transparency you want to apply to the gallery images. 7.4**Gallery Slider Settings** 7.41**Small image top speed in gallery slider** - Select show top speed of small images. 7.42**Change slider speed** - Select change speed of slideshow gallery in tha gallery images. 7.43**Gallery Slider Options** 7.44**Show gallery slider background image** - Choose whether to display the background image or not for gallery images. 7.45**Add background image** - You can upload images to your gallery from your PC and other devices using this feature. Select background image for slider gallery in the gallery image responsive. 7.46**SliderBorder width** - Set border width for slider in the gallery image 7.47**Slider Box shadow width** - Set the shadow width values for the slider box in the image gallery. 7.48**Slider Box shadow color** - Set the shadow color for the slider box in tge gallery image.