=== Gallery === Contributors: Juna-IT Donate link: http://juna-it.com/index.php/gallery-photo/ Tags: 500px gallery, colorbox gallery, fancybox gallery, gallery flickr, gallery, gestures gallery, picasa, prettyphoto, shortcode, slideshow, SmugMug gallery, swipebox gallery Requires at least: 3.0.1 Tested up to: 4.5.2 Stable tag: 1.0.5 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html New revolutionary Photo Gallery from Juna IT. This Photo Gallery plugin will save your precious time, which will make the process of creating pictures easily and simple. You just need to install and configure it for a few minutes. == Description == ### WordPress Plugin **Plugin is one of the best in WordPress 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 plugins. Juna-IT is a WordPress Plugin designed to create Elegant and Beautiful gallery along with photos. Creating beautiful and elegant slideshows with gallery photo 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 as well. **Some Useful Links** * **PRO Version** - [Juna-IT Pro](http://juna-it.com/index.php/gallery-photo/) * [**Demo Version**](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-1/) * **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/gallery-photo/) * **Juna-IT FAQ** - [Plugin FAQ](https://wordpress.org/plugins/gallery-photo/faq/) * **Juna-IT User Manula** - [Plugin User Manual](https://wordpress.org/plugins/gallery-photo/other_notes/) Gallery plugin is created for the people, who want image to be screened for their website by different design and beauty. now you can also add any image. Simple and easy to use interface allows you to create galleries in mere seconds simply select images from gallery add layers and your gallery is ready. Sleek animations gives professional and modern look to your website So We are sure your image will always satisfy you. Each of the versions are made by specific style according to your preference and corresponding to your website. Plugin is a real miracle. ### The list of the features: * **Touch friendly, and fully responsive design renders properly in any desktop browser size and on mobile devices.** * **Easy to use and customize right out of the general option.** * **Gallery photo plugin true code base has been thoroughly tested and updated to fit today’s technological needs.** * **Has several nice design options to choose from.** * **Allows for displaying several images in one gallery.** * **Drag and drop creation.** * **Slide background photo with transparent color overlay.** * **Shortcode for easy insert of the gallery into post/pages.** * **Has multiple backgrounds to choose from, and options for setting speed, animation, rotation effect, and more.** * **Plugins gives you possibility to screen the photos. You can even combine descriptions or any other text. You can change the text information. You can change the colour, the size, the font and some other options. Create your gallery and it will make your website beautiful. In this plugin the possibilities are large and simple, so every person can easily use it.** * **Fully responsive and Mobile features** - Gallery implemented with advanced settings for different devices screen size. * **Upload bundle of photos into gallery** - Our WordPress plugin offers diverse and powerful functionality for getting images from your desktop to your website. You can easily upload batches of photos via a standard WordPress style uploader. * **Order Change** - Sorting of photos can be done in your galleries. There are drag and drop option. With this feature, you can change the order of photos according to your requirement/choice. * **Shortcodes using Juna-IT** - Shortcode - Here you will see shotrcode which you can copy and Paste [Juna-Photo-Gallery id="N"] where you want to see. You can publish gallery in any Page or Post in your WordPress sites. * **Templete Include** - Copy & paste this code into a template file to include the slideshow within your theme. * **Function** - You can easily change size, color, navigation and border. * **Load More, Pagination and Show All** - Split your large galleries into multiple pages to improve page speed, user experience, and page views. With this feature you will demonstrate only a part of your images, hiding the rest of them under ' load more ' button. You also choose how many projects to display in your gallery per page. Show all items on a long tape. * **Image size** - In general settings you can change the main image width, main image height, Image Border Width, Color, and Radius. ### More about gallery options **Width and height** - Width and height is for making the image size within the gallery more accurate. What you need is just give the right size for the images. **border Width and border radius** - Border radius and border width is for making the image effect within the gallery. What you need is just give the right radius and width for the image of the gallery photo Plugin. **Shortcode Here** - you will see shortcode which you can copy and Paste [Juna-Photo-Gallery id="N"] where you want to see your gallery. You can publish plugin in any Page or Post in your WordPress sites. **Template Shortcode** - Copy and paste the code into a template file to include the slideshow within your theme. . Full Window Template. You can display your gallery in full window separate page. **Gallery URL** - There is a special place for adding a URL to each image in the gallery. Choose to open the URL in the new tab or not. **Lightbox** - Images are opened using lightbox. 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. Make some design customization on it, using the variety of popup options. With color selector you can change color and transparency of popup **About slider change speed** - This option allows you to choose the speed time that you like to have for your images. Just write the slider speed time and enjoy the result. **Load More, Pagination and Show All** - Split your large galleries into multiple pages to improve page speed, user experience, and page views. With this feature you will demonstrate only a part of your images, hiding the rest of them under ' load more ' button. You also choose how many projects to display in your gallery per page. Show all items on a long tape. **About autoplay** - Click on image auto play if you want to start the images automatically when you enter the website. **Icon ' s** - You can select icons from our 9 different beautifully designed sets. You can Define size, set height, width of the icons. **Google Fonts** - Integrated Google fonts for layer of your photo gives a beautiful and unique look and feel to your galleries. See the plugin live demos to see how this feature will improve your gallery. **Title And Description** - Important possibility to add title and description to each image. The description can be seen not in all view, but some of them have a place for it. Plugin 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 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. **All Browsers Supported** - Plugin is cross browser, 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** - Plugin fully native for WordPress implemented without any hacks and tricks. **Link Button** - Gallery Photo plugin allows you to insert link button next to the description. If you need to show more information about the image in this case you are free to use link button, which you can show or not to show on the images, do different color, border radius and size modification from General Options. **LightBox Effects** - Support built-in LightBox effects for image in your gallery. ### Plugin Versions [Lightbox Column](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-1/) Using Image with Lightbox Column views is the simplest and most understanding way of demonstrating your content within gallery. Report breathe new life into your image. There are 3 effect versions (Hover Rotate, Hover Transparency and Hover Zoom) to put images on your page. Gallery in the column you can also find a Link button which takes to another page. Supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate between slides by either swipe or mouse drag. You also have the option to enable animated thumbnails from the settings. [Block Style](http://juna-it.com/index.php/gallery-photo-block-style-gallery-1/) Using image with Block Style views is the simplest and most understanding way of demonstrating your content within gallery. You can change it from general options in block style view. You can create beautiful projects and put them one after another under each other. All you need is an image that you want to have displayed as your background. There are 3 version to put images on your page. At show all page the image quantity corresponds to the quantity of your gallery. In the pagination page you can decide the quantity of the images. The videos are paged and for turning to another page click on the pointer you prefer and the page will be changed. You can also decide the image quantity in the Load more page. For watching the other images just click on the load more button and you will see the rest. Gallery Photo you can also find a Link button which takes to another page. [Fancy Gallery](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-1/) Fancy Gallery Photo, when you hovered on an arrow automatically changes short text to columns w/o the hassle of having white space in your container. It´s highly customizable and very easy to use. [Random Gallery](http://juna-it.com/index.php/gallery-photo-random-image-gallery-1/) Looking for a great responsive gallery photo with lazy load effect, then new article is for you. It let you turn a set of images into a gallery photo which works great even on mobile phones with small screens, moreover lazy load effect lets you to decrease server’s traffic. When you move your mouse over a image, custom text is displayed. To view the full-size version – need to click on the thumb. I think that this could be ideal for you. **5 ways to demonstrate photos will make you satisfy with the look of your plugin. Among the views you can find.** > #### Demo Version >* [Lightbox Column - Demo Version 1](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-1/) >* [Lightbox Column - Demo Version 2](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-2/) >* [Lightbox Column - Demo Version 3](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-3/) >* [Lightbox Column - Demo Version 4](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-4/) >* [Lightbox Column - Demo Version 5](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-5/) >* [Block Style - Demo Version 1](http://juna-it.com/index.php/gallery-photo-block-style-gallery-1/) >* [Block Style - Demo Version 2](http://juna-it.com/index.php/gallery-photo-block-style-gallery-2/) >* [Block Style - Demo Version 3](http://juna-it.com/index.php/gallery-photo-block-style-gallery-3/) >* [Block Style - Demo Version 4](http://juna-it.com/index.php/gallery-photo-block-style-gallery-4/) >* [Block Style - Demo Version 5](http://juna-it.com/index.php/gallery-photo-block-style-gallery-5/) >* [Fancy Gallery - Demo Version 1](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-1/) >* [Fancy Gallery - Demo Version 2](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-2/) >* [Fancy Gallery - Demo Version 3](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-3/) >* [Fancy Gallery - Demo Version 4](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-4/) >* [Fancy Gallery - Demo Version 5](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-5/) >* [Random Gallery - Demo Version 1](http://juna-it.com/index.php/gallery-photo-random-image-gallery-1/) >* [Random Gallery - Demo Version 2](http://juna-it.com/index.php/gallery-photo-random-image-gallery-2/) >* [Random Gallery - Demo Version 3](http://juna-it.com/index.php/gallery-photo-random-image-gallery-3/) >* [Random Gallery - Demo Version 4](http://juna-it.com/index.php/gallery-photo-random-image-gallery-4/) >* [Random Gallery - Demo Version 5](http://juna-it.com/index.php/gallery-photo-random-image-gallery-5/) >* [Photo Thumbnails - Demo Version 1](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-1/) >* [Photo Thumbnails - Demo Version 2](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-2/) >* [Photo Thumbnails - Demo Version 3](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-3/) >* [Photo Thumbnails - Demo Version 4](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-4/) >* [Photo Thumbnails - Demo Version 5](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-5/) > ### Recommended Plugins >The following are other recommended plugins by the author Juna-IT: > > * **[Best Image Slider Responsive plugin](http://juna-it.com/index.php/photo-slider)** - Revolutionary slider from Juna-IT. This slider is different from all of its charm. In WordPress sliders Our slider gives you many useful functions. > > * **[Best Event Calendar](http://juna-it.com/index.php/juna-event-calendar)** - Event Calendar is very easily used plugin calendar, which has lots of advantages. > > * **[Best Gallery Image Responsive](http://juna-it.com/index.php/image-gallery)** - This Image/Photo Gallery plugin easy to use. It Helps you to create and show your images/photos in your web-page how you designed it. > > * **[Best Poll Plugin](http://juna-it.com/index.php/features/elements/juna-it-plugin/)** - You can use WordPress Juna IT Poll for explaining what your users think about your web-page or a new page and or about any question. > > * **[Best Easy Calendar](http://juna-it.com/index.php/juna-easy-calendar/)** - Easy to use for anybody, Easy Calendar provides enormous flexibility for designers and developers needing a custom calendar. > > * **[Best Gallery Video Responsive](http://juna-it.com/index.php/video-gallery)** - This plugin easy to use. It Helps you to create and show your videos in your web-page how you designed it > > * **[Best Gallery Photo](http://juna-it.com/index.php/gallery-photo/)** - New revolutionary Gallery Photo from Juna IT. This Gallery Photo plugin will save your precious time, which will make the process of creating pictures easily and simple. You just need to install and configure it for a few minutes. == Installation == > ### First download plugins ZIP file > > * For automatic installation: > * The simplest way to install is to click on 'Plugins' then 'Add' and type 'Photo-Gallery' in the search field > > * For manual installation 1: > * Login to your website and go to the Plugins section of your admin panel > * Click the Add New button > * Under Install Plugins, click the Upload link > * Select the plugin zip file (Photo-Gallery-Responsive.x.x.x.zip) from your computer then click the Install Now button > * You should see a message stating that the plugin was installed successfully > * Click the Activate Plugin link > * For manual installation 2: > * You should have access to the server where WordPress is installed. If you don't, see your system administrator > * Copy the plugin zip file up to your server and unzip it somewhere on the file system > * Copy the "photo-gallery" folder into the /wp-content/plugins directory of your WordPress installation > * Login to your website and go to the Plugins section of your admin panel > * Look for photo-gallery plugin and click Activate > > ### Or Mac Users > > * Go to your Downloads folder and locate the folder with the Juna-IT-gallery-photo plugin > * Right-click on the folder and select Compress > * Now you have a newly created .zip file which can be installed as described here.* > * Click "Install Now" button > * Click "Activate Plugin" button for activating the gallery plugin This plugin can easily build a bright gallery especially if you are a photographer or a designer, Juna-IT plugin 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 plugin. 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. **That's all, now you can build your gallery. If any problem occurs, contact us at [junait.com@gmail.com](mailto:junait.com@gmail.com).** Upgrading from 1.0.0 or later Deactivate the plugin (all kind of changes in will remain, even if you delete plugin). == Frequently Asked Questions == ### How can I add images to the Gallery? The images can be added to gallery using its standard File Manager. The uploader can be used both for uploading individual images or multiple image (This should done by uploading a .zip archive file) What are the best dimensions to set for 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> Options > Global Options and set Import from Media Library option to Yes. After that you will be able to import photos from Media Library. ### How to get the updated version of the Gallery Photo? Pro users can get updated version of plugin contacting us via the following email address: [junait.com@gmail.com.](mailto:junait.com@gmail.com). ### 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 image 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 video thumbnails are required for most of the views. Thus using Media Upload is the only option. ### I have paid for pro version Juna-IT gallery photo and didn't get the link or file to update the plugin. What to do?** If you make a purchase and does not receive Juna-IT-Gallery-Photo.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 photo plugin, we will check and send you the zip file of the gallery photo plugin quickly. * **How to change font size of the gallery caption?** In settings you can enable custom caption settings where you can customize font size and see results in live preview * **How to change amount of images loading on page?** In gallery settings we have few options which makes you able to select amount of the images for the first load and for load more action * **Is the Juna-IT Gallery Photo responsive?** Yes, plugin is responsive and displays resized image for mobile devices and tablets. * **Do you have some problems with backend?** There can be a few reasons for such problem in plugin. In this case, if you have a problem in your gallery photo contact our support to get fast help * **Do you have fade effect for hover?** Yes, gallery have fade hover effect * **When I update to commercial version of Gallery Photo 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. * **Have purchased Gallery Photo 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 to the gallery?** When you create new gallery photo or open already existent gallery for edit on the right side of the edit section you'll see images manager button. When you open manager you'll be able there edit all gallery. Upload, edit or delete. In s manager you can use drag and drop images upload tool. * **Is it possible create gallery in WordPress post with?** Yes, you can insert gallery into post with shortcode tag. * **How to customize border of the plugin thumbnails?** In gallery photo settings you can find general settings section where you can turn on/off thumbnails border. Also you can customize there style of the border, namely width, color and style of the thumbnail borders. * **I have bought the commercial license, installed the file but the Juna-IT Gallery Photo plugin seems to be still free version, what to do?** After installation of the pro version of the gallery photo 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 plugin, in this case: * Try to clean your cache files if this will not help. * Delete, and install plugin again. * **What can I do, if I have personal version, and Gallery Photo plugin works only on one site but does not work on the other sites?** If you installed the multi-site (have number of sites) version of Gallery Photo Responsive plugin in the main page and it does not work on other pages, in this case, you should do following steps: * Deactivate 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. * **What can I do if some gallery interface elements in backend do not work properly?** If you have some conflict in gallery 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 of gallery?** Settings of the gallery photo you can change in manager. There you can upload, edit or customize already uploaded images to the gallery. * **Is it possible to change transparency of the hover shutter?** Yes, it's possible to change transparency in gallery photo settings. * **What if Lightbox in gallery doesn't work?** There can be two reasons: * Something in your site the lightbox/popup responsive has blocked * You have another lightbox component which conflicts with ours In both cases contact [junait.com@gmail.com](mailto:junait.com@gmail.com) * **How to change font style of gallery caption?** In video gallery settings you can enable custom caption settings where you can customize font style and see results in live preview * **How to change transparency of thumbnails border?** When you enable border in settings you will see multiply options for customization of border. When you open color selector you can also select some transparency value there * **What if Lightbox responsive in gallery photo doesn't work?** There can be two reasons: * Something in your site the lightbox has blocked * You have another lightbox responsive component which conflicts with ours In both cases contact [junait.com@gmail.com](mailto:junait.com@gmail.com) * **Do you have some problems with installation?** Feel free to ask our support team, they will help you to install the your gallery plugin quickly. * **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 style of the gallery thumbnails border?** When you enable border in gallery settings you will see multiply options for customization of the border. One of the options it's border style. You can select one value from pre-defined list * **Which parameters I can change for the gallery photo thumbnails responsive borders and shadows?** You can change size, color and style of gallery photo thumbnails 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 * **Do you have some limits for adding images to Gallery Photo plugin?** No, there is no limit for adding videos from image to gallery. * **Can I do my own modifications in gallery general options?** Gallery Photo has a General Options where you have great opportunities to change every detail for your gallery. * **Does Gallery limit uploaded image amount?** No, in both free and pro version of you can add as many image links as you need. * **Can I divide my images into pages?** Plugin has a Pagination, Load More, and Show All displaying content. * **I have already purchased Personal version, how do I upgrade it to the Developer version, without buying gallery again?** If you have any pro version of our plugin and want to upgrade, you do not need to buy once again, you only need to pay difference for price. For having your desired version of 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 photo plugin. * **How to change text below image in lightbox?** In manager you can select which text show below video in lightbox. You can select Caption, Title or image Description as source for this field in lightbox. * **How to define size of images thumbnails?** Our gallery is fully responsive and image thumbnails size depend of a lot of factors. Gallery calculate thumbnails automatically depend of the general size and layout settings. First of all you can define ratio values for thumbnails. * **Is it possible to customize gallery caption?** In settings you can find images manager where you can change settings of every image, one of option it's caption of image. * **How to change font color of caption?** In settings you can enable custom caption settings where you can customize font color and see results in live preview * **How to change font size and font color of description text?** Go to your General Options, choose the appropriate view and change description font size and font color into your desired one. * **How to enable icons on gallery hover shutter?** In 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 installation?** Our plugin do not require any special permissions for installation of the gallery or during upload. All requirements are basic: our gallery have the same requirements as WordPress have. * **How to insert gallery into WordPress page or post?** When you create a gallery in plugin manager you can insert your gallery manually using shortcode, which you can find in gallery edit mode in shortcode [Juna_Photo_Gallery id="N"] section of settings. * **How to change width of thumbnails border?** When you enable border in settings you will see multiply options for customization of border. One of the options it's border width in pixels. * **How to make shadow for thumbnails?** Shadows of the thumbnails you can customize in settings. With settings you can change size, color and position of video gallery thumbnails shadow. * **How to change font size of description text?** In settings, when enabled custom hover settings you can customize style of gallery photo description text. In this settings you can change size of text * **it possible to change color of hovered image in gallery?** Yes, you can easily change color of hovered image in gallery in backend. In settings we build-in comfortable color selector which make you able to change color of gallery interface elements. * **How can I test Juna-IT features before downloading the Gallery Photo plugin?** We’ve created a special web page with the Online Demo on it. Just follow this link and play with all features of our Gallery Photo plugin. **Can I see demo of plugin? Check out our demo.** Options for 5 views > #### Demo Version >* [Lightbox Column - Demo Version 1](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-1/) >* [Lightbox Column - Demo Version 2](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-2/) >* [Lightbox Column - Demo Version 3](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-3/) >* [Lightbox Column - Demo Version 4](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-4/) >* [Lightbox Column - Demo Version 5](http://juna-it.com/index.php/gallery-photo-lightbox-column-gallery-5/) >* [Block Style - Demo Version 1](http://juna-it.com/index.php/gallery-photo-block-style-gallery-1/) >* [Block Style - Demo Version 2](http://juna-it.com/index.php/gallery-photo-block-style-gallery-2/) >* [Block Style - Demo Version 3](http://juna-it.com/index.php/gallery-photo-block-style-gallery-3/) >* [Block Style - Demo Version 4](http://juna-it.com/index.php/gallery-photo-block-style-gallery-4/) >* [Block Style - Demo Version 5](http://juna-it.com/index.php/gallery-photo-block-style-gallery-5/) >* [Fancy Gallery - Demo Version 1](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-1/) >* [Fancy Gallery - Demo Version 2](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-2/) >* [Fancy Gallery - Demo Version 3](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-3/) >* [Fancy Gallery - Demo Version 4](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-4/) >* [Fancy Gallery - Demo Version 5](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-5/) >* [Random Gallery - Demo Version 1](http://juna-it.com/index.php/gallery-photo-random-image-gallery-1/) >* [Random Gallery - Demo Version 2](http://juna-it.com/index.php/gallery-photo-random-image-gallery-2/) >* [Random Gallery - Demo Version 3](http://juna-it.com/index.php/gallery-photo-random-image-gallery-3/) >* [Random Gallery - Demo Version 4](http://juna-it.com/index.php/gallery-photo-random-image-gallery-4/) >* [Random Gallery - Demo Version 5](http://juna-it.com/index.php/gallery-photo-random-image-gallery-5/) >* [Photo Thumbnails - Demo Version 1](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-1/) >* [Photo Thumbnails - Demo Version 2](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-2/) >* [Photo Thumbnails - Demo Version 3](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-3/) >* [Photo Thumbnails - Demo Version 4](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-4/) >* [Photo Thumbnails - Demo Version 5](http://juna-it.com/index.php/gallery-photo-thumbnails-gallery-photo-5/) == Screenshots == 1. [WordPress Plugin view 1](http://juna-it.com/index.php/lightbox-column-gallery-1) - Lightbox Column Gallery 2. [WordPress Plugin view 2](http://juna-it.com/index.php/gallery-photo-fancy-gallery-photo-1/) - Block Style 3. [WordPress Plugin view 3](http://juna-it.com/index.php/gallery-photo-block-style-gallery-1/) - Fancy Gallery 4. [WordPress Plugin view 4](http://juna-it.com/index.php/gallery-photo-random-image-gallery-1/) - Random Gallery 11. [WordPress Plugin](https://wordpress.org/plugins/gallery-photo/) - Admin Page 12. WordPress Plugin - Add New 13. WordPress Plugin - Manager - Add New 14. [WordPress Plugin](https://wordpress.org/plugins/gallery-photo/) - General options 15. [WordPress Plugin](https://wordpress.org/plugins/gallery-photo/) - General options 16. [WordPress Plugin](https://wordpress.org/plugins/gallery-photo/) - General options == Changelog == = Juna-IT, List Version 1.0.5 = * Added new Gallery type: 'Thumbnails Gallery' = Juna-IT, List Version 1.0.4 = * Bugs have been fixed on Image lightbox in gallery. = Juna-IT, List Version 1.0.3 = * Added new Gallery type: 'Random Gallery' = Juna-IT, List Version 1.0.2 = * Added new Gallery type: 'Fancy Photo Gallery' = Juna-IT, List Version 1.0.1 = * Added new Gallery type: 'Block Style Gallery' = Juna-IT, List Version 1.0.0 = * Adding Gallery by Juna-IT ==Other comments== == WordPress Add an gallery == ### Step 1 Creating **Starting to create our plugin** * As a first step you should specify the name. * Name. Provide a name for the image. * Type - From this 5 gallery blocks you can choose only one. * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many photos you want to see gallery in one page. Associated which galleries version did you select. ### Add unique Title to your photos, to complete your gallery * **Title** - Important possibility to add title to each photo. The video title can be seen not in all views, but some of them have a place for it. Photo accomplished with title looks rich and perfect. * **Description** - Wright some information about content * **Link** - You can add a link to another page that is related. it will go to the link when you click the link button. You can add a link to another page that is related. * **Open in New Tab** - Choose whether to publish "" or not. * **Add images from Media Library** - You can select photos to use within the gallery which are currently uploaded to your WordPress 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 photo and press Insert button. This way photo will be added to the gallery. **Add Photo URL** - You can also add Photos providing the absolute link to it. Press Add Image URL, provide the link and press Add button. This will be useful for adding photos to gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use photos within gallery from web site URL. You should click on the Add Image button, provide the link to the photo and press Add button. The photo associated with the web site image will be automatically displayed as a gallery. **Remove** - You can use Remove button. Quantity photos in the gallery is unlimited. Quantity depends on your wishes. If you want to add one more photo, you must click on "Add New". By clicking the button below you will see sequence of windows. If you want to delete one of the creatures image clicking on the icon at the top of the bin will be deleted. **If you are finished gallery 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 photo created by you.** ### Manager. **After you created gallery on the manager are 6 blocks.** * **No** - Here is located the number Of your gallery. * **Title** - Here you will see title wrote by you. * **Quantity** - How many images you created. * **Type** - Determine preferable type. * **Shortcode** - Here you will see shortcode which you can copy and Paste [Juna_Photo_Gallery id="N"] where you want to see your plugin. * **Templete Include** - Copy & paste this code into a template file to include the slideshow within your theme. * **Actions** - Edit. Press Edit you can make some changes, if you want to add or remove anything. * Actions - Delete: Press Delete created by you will delete. **General Options** * **Starting to create an gallery effect.** * As a first step you should specify the name. * Name. Provide the name. * Below you will be able to change options. ### Lightbox Column **Settings for Image Round** * **Background Color** - Here you can select your favourite background color for column theme. * **Column Border Width** - Define column gallery border width. * **Column Border Style** - Select the border style for the column container. * **Border Color** - Configure your preferable color for column border. * **Border Radius** - Define the radius for the column border. * **Box Shadow** - As you may know box-shadow is predominately a CSS3 property that allows you to display a shadow behind your column. * **Shadow Color** - Set the shadow color for the column box. * **Pading** - Space between containers image. Set the padding level between each item container. * **Hover Rotate Show** - You can rotate the image. The change will also affect the image displayed within the gallery. Choose whether to show or not. * **Hover Transparency Show** - This effect will create a hover transparency around your column container when you hover over it. Choose whether to show or not in your gallery. * **Hover Zoom Show** - This effect will zoom your images when you hover over it. Choose whether to show or not in your gallery. **Settings for Image** * **Border Width** - Define the border width for images in the column box. * **Border Style** - Choose the border style for images in the column box. * **Border Color** - Define the border color for photos in the column box. * **Border Radius** - Define image border radius for the column gallery. * **Hover Transparency** - Set the level of transparency for the background of the image. **Settings for Title** * **Color** - Select color tune it with your image. * **Text Shadow** - Set the shadow size for the text. * **Font Size** - Determine title size of the letters of column gallery. * **Font Family** - Specify the font family for the text in column. * **Text Align** - Different among 4 position for the image title. Solid, Dotted, Dashed, Double. * **Line style** - Choose the style to be applied to the line. * **Line Width** - Set the width of line. * **Line Color** - Choose a color for separation line. **Settings for Description** * **Description Color** - Set the color for the image description. * **Font Size** - Specify the font size for the image description. * **Font Family** - Choose the font family for the gallery description. * **Text Align** - Choose the text position for gallery description. Please make sure it does not coincide with the title position avoiding overloading. **Settings for Link** * **Link Text** - You can change the “View More” button text and write something new. * **Color** - Pick the link text color for the lightbox column view. * **Font Size** - Set the font size for the View More button. * **Font Family** - Specify the font family for the text for the link. **Settings for Lightbox** * **Lightbox Effect Type** - Select the effect which will be applied to the slideshow of images in the lightbox. There are 20 types of effects. * **Lightbox Background Color** - Change the background color of gallery lightbox. * **Transparency** - Specify the background transparency level for the lightbox. * **Lightbox Content Width** - Lightbox max width Set unfix content max width. **Settings for Popup Title** * **Font Size** - Define the font size for the lightbox image title. * **Font Family** - Define the font family for the lightbox image title. * **Color** - Define the title color for the lightbox gallery. * **Text Align** - Choose the text position for gallery title. Please make sure it does not coincide with the description position avoiding overloading. * **Line Color** - Choose color for separation line. * **Style** - Pick up one style for separational line, which will divide title from description. * **Width** - Choose width size for separation line. **Settings for Lightbox Description** * **Description Show** - Select whether to see the description text or not in the lightbox. * **Background Color** - Determine the color for description field. * **Text color** - Define font color for description text. * **Font size** - Define the font size for the description. * **Font family** - Specify font family for description used with image. * **Text Align** - Choose the text position for gallery description. **Settings for Lightbox Slider** * **Autoplay Slideshow** - Select whether to see the slideshow or not in the lightbox gallery. * **Slideshow Pause Time** - Set the time interval for the change of the galleries in milliseconds in the lightbox. * **Icon Size** - Alter the size of the icon regardless of the lightbox (px). * **Delete Icon Size** - Alter the size of the delete icon regardless of the lightbox. * **Delete Icon Color** - Alter the color of the delete icon regardless of the lightbox. **Choose Icons for Lightbox** * **Icon** - assign a default icon in the slideshow. You can select icons from our 3 different beautifully designed sets. * **Choose Icons for Slider** - assign a default icon in the slideshow. You can select icons from our 18 different beautifully designed sets for the gallery. ### Step 2 Creating **Starting to create our plugin** * As a first step you should specify the name. * Name. Provide a name for the image. * Type - From this 5 gallery blocks you can choose only one. * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many images you want to see gallery in one page. Associated which galleries version did you select. ### Add unique Title to your images, to complete your gallery * **Title** - Important possibility to add title to each image. The video title can be seen not in all views, but some of them have a place for it. Photo accomplished with title looks rich and perfect. * **Description** - Wright some information about content * **Link** - You can add a link to another page that is related. it will go to the link when you click the link button. You can add a link to another page that is related. * **Open in New Tab** - Choose whether to publish "" or not. * **Add images from Media Library** - You can select images to use within the gallery which are currently uploaded to your WordPress 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 and press Insert button. This way image will be added to the gallery. **Add Photo URL** - You can also add Images providing the absolute link to it. Press Add Image URL, provide the link and press Add button. This will be useful for adding images to gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within gallery from web site URL. You should click on the Add Image button, provide the link to the image and press Add button. The image associated with the web site image will be automatically displayed as a gallery. **Remove** - You can use Remove button. Quantity images in the gallery is unlimited. Quantity depends on your wishes. If you want to add one more image, you must click on "Add New". By clicking the button below you will see sequence of windows. If you want to delete one of the creatures image clicking on the icon at the top of the bin will be deleted. **If you are finished gallery 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 photo created by you.** ### Manager. **After you created gallery on the manager are 6 blocks.** * **No** - Here is located the number Of your gallery. * **Title** - Here you will see title wrote by you. * **Quantity** - How many images you created. * **Type** - Determine preferable type. * **Shortcode** - Here you will see shortcode which you can copy and Paste [Juna_Photo_Gallery id="N"] where you want to see your plugin. * **Templete Include** - Copy & paste this code into a template file to include the slideshow within your theme. * **Actions** - Edit. Press Edit you can make some changes, if you want to add or remove anything. * Actions - Delete: Press Delete created by you will delete. **General Options** * **Starting to create an gallery effect.** * As a first step you should specify the name. * Name. Provide the name. * Below you will be able to change options. ### Block Style **Settings for Image** * **Image Height** - Set the image height in pixels. * **Border Width** - Border Width - Choose the width of border for main images. * **Border Style** - Choose the border style for images in the block style. * **Border Color** - Configure your preferable color for border. * **Box Shadow** - Choose the shadow size for the box. * **Shadow Color** - Click if you'd like to have shadows in the box. As you may know box-shadow is predominately a CSS3 property that allows you to display a shadow behind your gallery. * **Place Between Images** - Set the distance between each image in the gallery. **Settings for Text Content** * **Content Width** - Change the width of content. * **Content position** - Choose content position on block style(Left, Center, Right). * **Background Color** - Choose background color for the content. * **Transparency** - Specify the background transparency level for the content. **Settings for Title** * **Font Size** - Determine title size of the letters of block style gallery. * **Font Family** - Specify the font family for the text in content. * **Color** - Select color tune it with your image. * **Text Shadow** - Set the shadow size for the text. * **Text Align** - Different among 4 position for the image title. Solid, Dotted, Dashed, Double. * **Line style** - Choose the style to be applied to the line. * **Line Width** - Set the width of line. * **Line Color** - Choose a color for separation line. **Settings for Link** * **Font Size** - Set the font size for the View More button. * **Font Family** - Specify the font family for the text for the link in the content gallery. * **Color** - Pick the link text color for the content gallery. * **Link Text** - You can change the “View More” button text and write something new. * **Button Width** - Set the button width in pixels. * **Button border style** - Choose the border style for button. * **Border Color** - Determine preferable color for link border. * **Buttons Border Radius** - Define the Right and Left button border radius in the content. **Settings for Pagination Icons** * **Icons Size** - Define size for the images pagination icon. * **Icons Color** - Choose color to pagination icon. ### Step 3 Creating **Starting to create our plugin** * As a first step you should specify the name. * Name. Provide a name for the image. * Type - From this 5 gallery blocks you can choose only one. * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many images you want to see gallery in one page. Associated which galleries version did you select. ### Add unique Title to your images, to complete your gallery * **Title** - Important possibility to add title to each image. The video title can be seen not in all views, but some of them have a place for it. Photo accomplished with title looks rich and perfect. * **Description** - Wright some information about content * **Link** - You can add a link to another page that is related. it will go to the link when you click the link button. You can add a link to another page that is related. * **Open in New Tab** - Choose whether to publish "" or not. * **Add images from Media Library** - You can select images to use within the gallery which are currently uploaded to your WordPress 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 and press Insert button. This way image will be added to the gallery. **Add Photo URL** - You can also add Images providing the absolute link to it. Press Add Image URL, provide the link and press Add button. This will be useful for adding images to gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within gallery from web site URL. You should click on the Add Image button, provide the link to the image and press Add button. The image associated with the web site image will be automatically displayed as a gallery. **Remove** - You can use Remove button. Quantity images in the gallery is unlimited. Quantity depends on your wishes. If you want to add one more image, you must click on "Add New". By clicking the button below you will see sequence of windows. If you want to delete one of the creatures image clicking on the icon at the top of the bin will be deleted. **If you are finished gallery 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 photo created by you.** ### Manager. **After you created gallery on the manager are 6 blocks.** * **No** - Here is located the number Of your gallery. * **Title** - Here you will see title wrote by you. * **Quantity** - How many images you created. * **Type** - Determine preferable type. * **Shortcode** - Here you will see shortcode which you can copy and Paste [Juna_Photo_Gallery id="N"] where you want to see your plugin. * **Templete Include** - Copy & paste this code into a template file to include the slideshow within your theme. * **Actions** - Edit. Press Edit you can make some changes, if you want to add or remove anything. * Actions - Delete: Press Delete created by you will delete. **General Options** * **Starting to create an gallery effect.** * As a first step you should specify the name. * Name. Provide the name. * Below you will be able to change options. ### Fancyy Photo Gallery **Settings for Content** * **Background Color** - Choose background color for the main content. * **Transparency** - Specify the background transparency level for the main content. **Settings for Image Title** * **Font Size** - Determine title size of the letters of column gallery. * **Font Family** - Specify the font family for the text in column. * **Color** - Select color tune it with your image. * **Text Shadow** - Set the shadow size for the text. * **Shadow Color** - Click if you'd like to have shadows in the box. As you may know box-shadow is predominately a CSS3 property that allows you to display a shadow behind your gallery. **Settings for Image Round** * **Background Color** - Here you can select your favourite background color for round. * **Width** - Define the round width. * **Border Width** - Define the border width for round gallery. * **Border Style** - Define the border style for round gallery. * **Border Color** - Define the border color for round gallery. * **Box Shadow** - As you may know box-shadow is predominately a CSS3 property that allows you to display a shadow behin. * **Shadow Color** - Set the shadow color for the column box. * **Border Radius** - Define the Right and Left border radius in the round. * **Pading** - Space between containers image. Set the padding level between each item container. * **Place Between rounds** - Set the distance between each rounds in the gallery. **Settings for Image** * **Border Width** - Select border width of main image. * **Border Color** - Select border color of main image. * **Border Radius** - Define the border radius for the images. * **Box Shadow** - As you may know box-shadow is predominately a CSS3 property that allows you to display a shadow behin. * **Shadow Color** - Set the shadow color for the images. **Settings for Image Description** * **Description Show** - Select whether to see the description text or not in the lightbox. * **Descriptiont color** - Define font color for description text. * **Font size** - Define the font size for the description. * **Font family** - Specify font family for description used with image. **Settings for Image Link** * **Link Text** - You can change the “View . . ” button text and write something new. * **Color** - Pick the link text color for the gallery view. * **Font Size** - Set the font size for the ' VIEW . . ' button. * **Font Family** - Specify the font family for the text for the link. * **Button Width** - Set the button width in pixels. * **Button border style** - Choose the border style for button. * **Border Color** - Determine preferable color for link border. * **Buttons Border Radius** - Define the Right and Left button border radius in the content gallery. **Settings for Pagination Icons** * **Icons Size** - Define size for the images pagination icon. * **Icons Color** - Choose color to pagination icon. ### Step 4 Creating **Starting to create our plugin** * As a first step you should specify the name. * Name. Provide a name for the image. * Type - From this 5 gallery blocks you can choose only one. * Displaying Content. Select the option which is more matches your website* * Per Page: Here you Can write quantity how many images you want to see gallery in one page. Associated which galleries version did you select. ### Add unique Title to your images, to complete your gallery * **Title** - Important possibility to add title to each image. The video title can be seen not in all views, but some of them have a place for it. Photo accomplished with title looks rich and perfect. * **Description** - Wright some information about content * **Link** - You can add a link to another page that is related. it will go to the link when you click the link button. You can add a link to another page that is related. * **Open in New Tab** - Choose whether to publish "" or not. * **Add images from Media Library** - You can select images to use within the gallery which are currently uploaded to your WordPress 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 and press Insert button. This way image will be added to the gallery. **Add Photo URL** - You can also add Images providing the absolute link to it. Press Add Image URL, provide the link and press Add button. This will be useful for adding images to gallery without the need of downloading those and uploading again. **Add Image** - In addition to images, you can instead use images within gallery from web site URL. You should click on the Add Image button, provide the link to the image and press Add button. The image associated with the web site image will be automatically displayed as a gallery. **Remove** - You can use Remove button. Quantity images in the gallery is unlimited. Quantity depends on your wishes. If you want to add one more image, you must click on "Add New". By clicking the button below you will see sequence of windows. If you want to delete one of the creatures image clicking on the icon at the top of the bin will be deleted. **If you are finished gallery 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 photo created by you.** ### Manager. **After you created gallery on the manager are 6 blocks.** * **No** - Here is located the number Of your gallery. * **Title** - Here you will see title wrote by you. * **Quantity** - How many images you created. * **Type** - Determine preferable type. * **Shortcode** - Here you will see shortcode which you can copy and Paste [Juna-Photo-Gallery id="N"] where you want to see your plugin. * **Templete Include** - Copy & paste this code into a template file to include the slideshow within your theme. * **Actions** - Edit. Press Edit you can make some changes, if you want to add or remove anything. * Actions - Delete: Press Delete created by you will delete. **General Options** * **Starting to create an gallery effect.** * As a first step you should specify the name. * Name. Provide the name. * Below you will be able to change options.