Image Gallery – Responsive Photo Gallery

Screenshots

Gallery – Image Gallery Gallery Image is one of the easiest plugins to use, even if you are new in WordPress. WordPress Image Gallery Demo Image Gallery FAQ Image Gallery User Manual Image Gallery Image Gallery Support Image Gallery Forum Image Gallery Github Project Image Gallery is the best plugin among WordPress gallery plugins. You can create the most beautiful gallery in a few minutes and enjoy the result. Just add images and videos, write descriptions and titles for each image, choose among 7 incredible views. Plugin allows you to make your website attractive and good-looking. Install plugin and see the result of your creativeness. Free Key Features Fully responsive and Mobile features – Plugin is fully responsive. With responsiveness, everyone will have access to the nicely designed everywhere and every time. Upload bundle of images – Upload bunch of images using Images Manager, with one click insert images. Order Change – There are drag and drop option to change the order of the images. Gallery View – Choose among 7 beautiful views, which will suit the best. Demonstration of the gallery on the front end can be made in different ways, no matter you use image gallery, video gallery or both. Displaying Content – How to show your gallery, 3 ways you can find on the right side of the admin page: Show All, Pagination, Load More. Show All – All items on a long tape. Pagination – Divide into pages – pagination. Load More – Divide into parts using “Load More” button Advanced Compatibility – Plugin is compatible with Huge-IT plugins and with most of other plugins. Ratings Button – Choose for your visitors how to rate your images with Heart button or Like/Dislike button. If do not need to rate your images then just put OFF Lightbox/Popup – In images are opened using Lightbox /Popup. Due to which your images will be opened in a nicely way Ability to insert a gallery to the WordPress post, page – You may add a number of images and videos in a single gallery. As you have created a number of image galleries, you can add as many shortcodes on your page as you want. Shortcode – Copy and paste the shortcode of the gallery directly into any WordPress post or page. Template Include – Copy and paste the code of the into a template file to include the slideshow within your theme. Title and Description – Add unique Title and Description to your images. There are views which don’t have description demonstration option. Youtube videos – Ability to add videos from one of the most popular video sites. Vimeo videos – The other source of adding videos to your gallery is from Vimeo. Create the most amazing gallery due to the famous video sites. 7 incredible views – Have the most beautiful gallery due to this 7 amazing views, select the one which will suit the best for showing your gallery images or videos. Create Gallery in a few minutes – Add new gallery or adjust already created the gallery, where you can add both images and videos, give them a title, description and add the link, which can go to any page. Friendly admin panel – Easy to use, as the admin panel is user-friendly. Support – Our experts are always ready to respond any questions related, find out the problem and fix it quickly. Modification – Both free and pro users can write our support team for the additional modifications. With our Image Gallery, you can realize all your original ideas. Pro Key Features General Options – Each view of the Iplugin has unique customizable options. The options are called general because every gallery with certain type will have the same customization General Options Views – Has 7 wonderful views, can be customized according to your taste and needs from General Options section Lightbox Options – Lightbox is given with plugin, and being a part of plugin. Using it within your items you can make them come up individually. And that way to create a desirable style of your website. Show your images and videos with the help. Unlimited Amount Of Galleries And Images – Add an unlimited number of images and videos in a single gallery. As you have created a number of image galleries, you can add as many shortcodes on your page as you need. Fully Responsive – Plugin is fully responsive for different screen sizes. Your users may see the gallery with any device they want. Load More And Pagination – With this feature you will demonstrate only a part of your images and videos, hiding the rest of them under «load more» button. You can divide all your projects into several pages. You also choose how many projects to display in your gallery per page. 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. Ratings Styles – In settings, you can change Ratings Background Color, Ratings Font Color, Ratings Rated Font Color according to your taste. Load More Styles – Customize load more styles, change the Load More position, Load More font size, Load More font color. Load More Button – Your Load More button can be customized according to your gallery images, change Load More Font Hover Color, Load More Button Color, Background Hover Color. Image size – In general settings you can change the main image width, Image Border Width, Color, and Radius. Navigation Arrow – Image Gallery allows you to set the most appropriate navigation arrows, which will suit the best for your images. Navigation – In general options, you may disable navigation arrows, show or hide navigation dots. Unlimited amount of galleries and images/videos – Add an unlimited number of images and videos in a single gallery. Add as many shortcodes on your pages as you need. Fully Responsive – Plugin is fully responsive for different screen sizes. Your gallery will be available for everyone to enjoy using any device. Hundreds of design options – General Options are available for commercial version users. Here are 7 views, which customization can be done from General Options. Customize your according to your website, it gives you opportunities to change Ratings Styles, Pagination Styles, Load More Styles. Lightbox Style – Lightbox options have 5 different lightbox style to open the images. Lightbox Positioning – In lightbox you have the opportunity to select the position of how to open your images. Lightbox auto open – From lightbox options you can select to open the images in the gallery automatically. Insert gallery to the WordPress post, page, widget – Every gallery could be inserted into a post, page or widget with shortcode. Gallery Works in Chrome, Safari, Opera, Firefox – Open your gallery with all the popular browsers. Plugin is really wonderful – you can create very nice and beautiful gallery for your website. Plugin is easy editable and the functionality is perfect. 7 Views: Gallery / Content Popup Content Slider Lightbox Gallery Slideshow Thumbnails gallery Justified Gallery Blog Style Gallery Unlimited amount of images or videos to be added Possibility of adding various gallery Possibility of adding various images or videos for each Image gallery Image, title and description Possibility to use different Gallery for different pages Shortcode for the easier process of adding the gallery to the posts/pages/templates. Possibility to add Gallery in widgets right from widgets admin panel Drag and Drop functionality. Drag and drop images/projects to rearrange their sequence. Ability to use one of the 7 incredible views Image Gallery is customizable plugin Full Documentation Gallery provides Lifelong License Sample Galleries are Included Options for 7 views: Gallery / Content 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 from your tape increasing them as a popup, with the text. In your gallery “Read More” button is under the text and inside the popup as well, it opens more information about the content, for closing the popup press “Cross” button and get back to your gallery images tape. Description text allows any type of HTML modifications, which you can make straight on image gallery admin page while creating your gallery. Your images inside popup can take it’s natural size or can be resized up to the size of the whole popup. With pro license you are allowed to make many kinds of changes on the element and on the popup, like color, size and so on. More information about available changes on Gallery/Content Popup view of Image gallery you can learn from User Manual. Main features of Gallery/Content-Popup. Popup tool, with text content in it. Add description in popup. External link on “view more” button. Content Slider – This type of Gallery in Image Gallery plugin allows you to see your images or videos with its description text, title and “View More” button inside the slider. Just click on the arrows to the right and left corners which appear as you hover a mouse over the gallery to see next/previous images in your gallery. By clicking on the arrows of the gallery in Content Slider view, you can slide your content, from left to right. Main features of Content Slider. Add description in popup External link – “View More” button Sliding gallery items Lightbox Gallery – Using Lightbox Gallery view while creating a gallery, there is no need to fill the description field for your images/videos. As the gallery doesn’t show any description. In Lightbox Gallery, you will see only the title, which comes up at the bottom of each image as you hover a mouse over it. Make images larger with the lightbox and slide to watch the gallery. If you need to be directed to your external URL link, you should click on the title of the item. Main features No description. External URL – on title click. Full dimensions of the images. Slideshow – Next view plugin is Slideshow. Show your images as Slider Your gallery demonstrated as pictures with its title and description on the image, which moves with many wonderful effects as you click on arrows. This is a very interesting way of demonstrating both videos and photos. Main features of Slider. Description text on slider, if items are images External link – on image click, if items are images Current options available in free version Sliding effects Thumbnails Gallery – Gallery will look like thumbnails. If you want to show images with the same size use Thumbnails Gallery view. Once you click on the thumbnail, your images open in a lightbox, and you can scroll images within the gallery. Thumbnails Gallery does not show any description text, only the title which comes up with a transparent layer on the thumbnail of the gallery can be seen hovering a mouse over it. Main features of Thumbnails view. Similar boxes for every image Lightbox tool on images and videos on clicking the thumbnail No description – in Thumbnails view Justified Gallery – Justified view of the Image Gallery allows you to represent your images and videos within the gallery next to each other without padding between them. The interesting thing about this gallery type is that it has “Order Changing” function, which should be enabled from General Options, and your images/videos will be changed in order within gallery while refreshing the page. When hovering over the image of the gallery, appears the title with the background. Clicking on the gallery image/video it opens with lightbox, giving a beautiful view to them. Main features of Justified view. No padding between items Shuffling effect on items Multi-sized items Lightbox tool for images/videos No description in Justified Gallery view Blog Style View – Using plugin with Blog Style Gallery view is the simplest and more clear way to demonstrating your content within the gallery. This view is made for displaying your images/videos with it’s natural dimensions, with the title above and description of it. In your gallery, the position of title and description can be changed from General Options of the Blog Style Gallery view. Description allows to use HTML modified text, so you can beautifully create your projects and place them one under each other. The outstanding feature of this gallery view is that you can add pagination or load more symbol at the end of the gallery page, and this way divide your projects into pages. Item natural size. Pagination. Load more button for items. Demos Gallery /Content Popup Content Slider Lightbox Gallery Slider Thumbnails Gallery Justified Gallery Blog Style Gallery FAQ & User Manual FAQ User Manual If you think, that you found a bug in our WordPress Image Gallery plugin or have any question contact us at info@huge-it.com Step 1 Creating an Image Gallery Huge-IT Image Gallery -> Add New Gallery Add Images: Use WordPress Image uploader to add an image from Media Library or upload from computer Add title: Give titles Add description: Give some information Add URL: Provide links: Click to Open In New Tab or not to open in the same tab Inserting Created Image Gallery After creating your next step is to manage Custom Option Gallery Name: Give a name Select View: Choose among 7 incredible views to complete Displaying Content: Select how to separate Ratings: Rate your images/videos then activate Like/Dislike or Heart button Usage: Shortcode: find a shortcode of your Image Gallery Copy and Paste the shortcode in your WordPress posts. Or add this code automatically, when posting your Image Gallery there is a button Add Gallery pressing on it the shortcode inserts into your post. Template Include: This code made to be inserted into your template, it makes the inserting Image Gallery easy for using in a custom location within the theme. Upgrade to WordPress Image Gallery Pro to add some features: Step 2. General Options General Options are available for commercial version users. With the help of General Options, change font colors, size, background color, element width and height. 2.1 Gallery / Content-popup view Content Styles Show Content In The Center: Tick to show content in the center Element Styles Image Behavior: Choose Resize or Natural Element Width and Height: Set the width and height for the posted Element Border Width and Border Color: Set for the border width and color Element’s Image Overlay Color and transparency: Choose a color and its transparency while hovering Zoom Image Style: Choose Dark or Light color for the zoom icon Popup Styles Popup Image Full Width: If need the gallery images to have a full width, then put check mark Popup Background Color: Change the background color of popup images Popup Overlay Color: Choose the color for popup overlay Popup Overlay Transparency: Set the level of background transparency Popup Close Button Style: Change the color of “X” icon Show Separator Lines: Tick to show separator lines between title and text in popup Popup Description Show Description: Tick to show the description Description Font Size and Color:Choose the size and color of description Element Title Element Title Font Size: Change the element title font size Element Title Background Color and Font Color: Choose the color of title background and title color Element Link Button Show Link Button On Element: Tick to show “View More” button Link Button Text: Change content of the “View More” text Link Button Font Size and Color: Change the font size and color of the link button Link Button Font Color and Background Color: Change link button the font color and background color Popup Title Popup Title Font Size and Color: Choose Title font size and color Popup Link Button Show Link Button: Tick to show link button in popup Link Button Text: Change the text of the link button in popup Link Button Font Size: Change the font size of the link button in popup Link Button Font Color and Font Hover Color: Change font and font hover colors of the link button Link Button Background Color and Hover Color: Set background color on Link Button Ratings Styles Show Ratings Count: Tick to show ratings count Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: Ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color Pagination Styles Pagination Font Size and Color: Set the font size and color for the pagination Pagination Icons Size and Color: Set pagination icon size and color Pagination Position: Set the pagination position Load More Styles Load More Text and Position:Write whatever you need in this field and select the position of Load More Load More Font Size and Color: Set the font size and color for the Load More Load More Font Hover Color: Select Load More font hover color for images/videos Load More Button Color and Background Hover Color: Change Load More button color and background hover color Loading Animation 1: There are 4 types of animation 2.2 Content slider Slider Container Main Image width: Set the main image width Slider Background Color: Set the background color for Slider Arrow Icons Style: Set black or white color for arrows in slider Show Separator Lines: Click to show the lines between text, title, and link Title Title Font Size and Color: Set the font size and color for the title Link Button Show Link Button and text:Click to show the link button or change its text Link Button Font Size and Color: Change the font size and color of the link text Link Button Font Hover Color: Change the color for the link text Link Button Background Color: Choose the color for link background Link Button Background Hover Color: Choose the color for the link background while hovering Description Show Description: Click to show the description of the text Description Font Size: Set the font size of description Description Font Color: Set the color of the description font Ratings Styles Show Ratings Count: Tick to show ratings count for images/videos Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: Ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color 2.3 Lightbox Gallery Content Styles Show Content In The Center: Tick to show content in the center Image Image Width: Set the size Image Border Width: Set the width of borders Image Border Color: Choose the color for border Border Radius: Choose the radius of border corners Title Title Font Size and Color: Set the font size and color of the title Title Font Hover Color: Set the color of the title while hovering on it Title Background Color and Transparency: Choose the title background color and its transparency. Ratings Styles Show Ratings Count: Tick to show ratings count Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: Ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color Pagination Styles Pagination Font Size and Color: Set the font size and color for the pagination Pagination Icons Size and Color: Set pagination icon size and color Pagination Position: Set the pagination position Load More Styles Load More Text and Position: Write whatever you need in this field and in the gallery select the position of Load More Load More Font Size and Color: Set the font size and color for the Load More Load More Font Hover Color: Select Load More font hover color Load More Button Color and Background Hover Color: Change Load More button color and background hover color Loading Animation 1: There are 4 types of animation 2.4 Slider Slider Image Behavior: Choose resized if you need your images have the size of the slider Slider Background Color: Choose the color of background while images have its natural size Slider Border Size: Set the size of the slider borde Slider Border Color: Choose the color for the slider border Slider Border-radius: Choose the radius for slider border Title Title Width: Choose the width for title box. Title Has Margin: Click if you need the title to have margin Title Font Size and Color: Set the font size and color of the title Title Text Align: Set the position of the title in the box Title Background Transparency: Set the level of background transparency Title Background Color: Choose the color of title background Title Border Size and Color: Set the size and color for the title border Title Border Radius and position: Set the radius for border corners and title position Description Description Has Margin: Choose if description of the gallery image needs to have margin Description Font Size: Set the font size for the description Description Text Color: Set text color for the description Description Text Align: Select among 4 position for the image description Description Background Transparency: Set the level of transparency for the background of the description Description Background Color: Choose the color for description background when to open your gallery images Description Border Size and Color: Set the size and color for the border in description Description Border Radius: Set the radius of the description box corners Description Position: Set the position of description Navigation Show Navigation Arrows: Click to show navigation arrows Navigation Dots Position / Hide Dots: For the gallery images choose the location for dots, or choose to remove them Navigation Dots Color: Choose the color for navigation dots on the images Navigation Active Dot Color: Choose the color of moving dots Ratings Styles Show Ratings Count: Tick to show ratings coun Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: Ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color 2.5 Thumbnails View Image Image Behavior: Click to give your gallery images a behavior Image Width and Height: Set the width and height of thumbnail Image Border Width: Set the width of the border between thumbnail Image Border Color: Set the color of the border between thumbnail Border Radius: Set border radius Margin Image: Set the distance between each gallery thumbnail Title Title Font Size: Set the title font size Title Font Color: Choose the color of the title Overlay Background Color: Choose the overlay color of the title of the thumbnail Title Background Transparency: Title set the level of background transparency Container Style Box Has background: Click to have background for the thumbnail Box background: Set the color of surrounded box Box Use shadow: Click if you need to have shadows in the box Box padding: Set the distance between the box and images in thumbnail Ratings Styles Show Ratings Count: Tick to show ratings count Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: Ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color Pagination Styles Pagination Font Size and Color: Set the font size and color for the pagination Pagination Icons Size and Color: Set pagination icon size and color Pagination Position: Set the pagination position Load More Styles Load More Text and Position:Write whatever you need in this field and select the position of Load More Load More Font Size and Color: Set the font size and color for the Load More Load More Font Hover Color: Select Load More font hover color for images/videos Load More Button Color and Background Hover Color: Change Load More button color and background hover color Loading Animation 1: There are 4 types of animation for the images/videos 2.6 Justified View Element Styles Image height: Set the height of the images/videos in the tape Image margin: Set the distance between each image/video in the tape Image Justify: Select to make the width of all image up to 100% in a container. Together they will fit into the container of your theme, and tick off to bring each of them with its natural size Image Randomize: Select to show your images randomly Opening With Animation: Choose to see the tape of images/videos appearing animated Opening Animation Speed: Select the speed of the animation Element Title Show Title: Choose to show the title or not Element Title Font Size: Choose the font size for the title Element Title Font Color: Select preferable color for the title Element Title Background Color: Choose the color of title background Element’s Title Overlay Transparency: Set the level of transparency for title overlay Ratings Styles Show Ratings Count: Tick to show ratings count Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: For the ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color Pagination Styles Pagination Font Size and Color: Set the font size and color for the pagination. Pagination Icons Size and Color: Set pagination icon size and color. Pagination Position: Set the pagination position. Load More Styles Load More Text and Position:Write whatever you need in this field and select the position of Load More Load More Font Size and Color: Set the font size and color for the Load More Load More Font Hover Color: Select Load More font hover color Load More Button Color and Background Hover Color: Change Load More button color and background hover color Loading Animation 1: There are 4 types of animation 2.7 Blog Style Gallery General Styles Width: Change the width size Content Position: Decide where to place the content on the page Image Position: Choose, where to place your image relative to title and description text Space Between Containers: Set the space between each project Separator Line Style:Choose a style for separation line between each item Separator Line Size: Choose the size for the separation line, which divides gallery among projects Separator Line Color: Pick up a color for separation line Content Per Page: Decide how many gallery images/videos you need to show per page Right Title Styles Show Title: Select, if you need to display the title Font Size and Color: Choose title font size and color Background Color: Title has background, pick up a color for your content title Background Transparency: Adjust title background Transparency level Text Align: Choose text to align for title Description Styles Show Description: Select whether to see the description text or not Font Size and color: Change the font size and color for the description Background Color: Change color for description background Background Transparency: Adjust description background transparency level Text Align: Choose the text to align for description Ratings Styles Show Ratings Count: Tick to show ratings count Ratings Background Color and Transparency:Set ratings background color and its transparency Ratings Font Color and Rated Font Color: For the ratings set font colors Like/Dislike Icon Color and Rated Icon Color:Set Like/Dislike icon color Heart Icon Color and Rated Icon Color: Set Heart icon color Pagination Styles Pagination Font Size and Color: Set the font size/color for the pagination Pagination Icons Size and Color: Set pagination icon size and color Pagination Position: Set the pagination position Load More Styles Load More Text and Position:Write whatever you need in this field and select the position of Load More Load More Font Size and Color: Set the font size and color for the Load More Load More Font Hover Color: Select Load More font hover color Load More Button Color and Background Hover Color: Change Load More button color and background hover color Loading Animation 1: There are 4 types of animation Lightbox Options The commercial version users can do unlimited customization, if your images/videos open with lightbox, in Lightbox Options do all the necessary changes. Internationalization Lightbox style: Choose how to show your images/videos among 5 beautiful views Transition type: Select among 3 transition type for showing your images/videos lightbox Opening and Closing speed: Set the lightbox opening and closing speed for your images/videos Show the title: Tick to show the title when to open your content Overlay transparency: Select the level of transparency for the video overlay Auto-open: lightbox opens automatically Overlayclose true and Esc Key close: Put checkmark to close the lightbox clicking on the background or with Esc Key for the images or videos Keyboard Navigation: Turn on to navigate your images/videos with keyboard Loop content: If you select loop content for your images and videos, in this case, the Images will have endless circulation in lightbox Show close button: Tick to show close button or not to show it Dimensions Popup size fix: When need to show your images with fixed size then put check mark Popup width and height: Set the Popup width and height to choose the size Popup initial width and height: Choose the initial width and height when the images of your open in lightbox Slideshow Slideshow and its interval: Set the slideshow effect and the interval to slide Slideshow autostart: Select to start the slideshow automatically Slideshow start and stop button text: Change the start and stop slideshow text Positioning Fixed position: If you need the lightbox to have fixed position just put check mark Popup position. Choose from 9 position to open the images in your lightbox