https://www.youtube.com/watch?v=fNz0hW01k3k
Gallery Image is one of the easiest plugins to use, even if you are new in WordPress.
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.
- View - Choose among 7 beautiful views, which will suit the best. Demonstration on the front end can be made in different ways, , video or both.
- Displaying Content - How to show your, 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 shortcode 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 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 from Vimeo. Create the most amazing due to the famous video sites.
- 7 incredible views - Have the most beautiful due to this 7 amazing views, select the one which will suit the best for showing your images or videos.
- 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.
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. 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 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 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 - 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. Add as many shortcodes on your pages as you need.
- Fully Responsive - Plugin is fully responsive for different screen sizes. 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 automatically.
- Insert plugin to the Wordpress post, page, widget - Every gallery could be inserted into a post, page or widget with shortcode.
- Works in Chrome, Safari, Opera, Firefox - Open your plugin with all the popular browsers.
- Plugin is really wonderful - you can create very nice and beautiful for your website. Plugin is easy editable and the functionality is perfect.
7 Views:
- Content Popup
- Content Slider
- Lightbox
- 幻灯片集
- Thumbnails
- Justified
- Blog Style
Options for 7 views:
- ** Content Popup** - 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.
- “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 images tape.
- Description text allows any type of HTML modifications, which you can make straight 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 Content Popup view of Image you can learn from User Manual.
Main features of Content-Popup.
- Popup tool, with text content in it.
- Add description in popup.
- External link on “view more” button.
- Content Slider - This type 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 to see next/previous images.
- By clicking on the arrows 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 items
- Lightbox - Using Lightbox view while creating, there is no need to fill the description field for your images/videos.
As the plugin doesn't show any description.
- In Lightbox, 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 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 - PLugin will look like thumbnails. If you want to show images with the same size use Thumbnails view.
- Once you click on the thumbnail, your images open in a lightbox, and you can scroll images within.
- Thumbnails does not show any description text, only the title which comes up with a transparent layer on the thumbnail of the plugin 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 - Justified view allows you to represent your images and videos within the gallery next to each other without padding between them.
- Clicking on the 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 view
- Blog Style View - Using plugin with Blog Style view is the simplest and more clear way to demonstrating your content.
- This view is made for displaying your images/videos with it’s natural dimensions, with the title above and description of it.
- The position of title and description can be changed from General Options of the Blog Style view.
- Description allows to use HTML modified text, so you can beautifully create your projects and place them one under each other.
- Item natural size.
- Pagination.
- Load more button for items.
Demos
Content Popup
Content Slider
Lightbox
Slider
Thumbnails
Justified
Blog Style
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
Uploading in WordPress Dashboard
- First download the ZIP file from Wordpress website
- Log in to your website administrator panel
- Go to the 'Add New' in the plugins dashboard, click “Upload Plugin”
- Upload WordPress Image Gallery ZIP file by choosing it from your computer
- Click Install Now button
- Then click Activate Plugin button.
- You can see the Image Gallery plugin installed on Wordpress left menu.
Using The WordPress Plugins Dashboard
- Go to the 'Add New' in the plugins dashboard
- Search for 'Image Gallery Huge-IT'
- Click Install Now button
- Then click Activate Plugin button
- You can see the plugin installed on Wordpress left menu
Using FTP
- Download the ZIP file from Wordpress website
- Extract the image-gallery directory to your computer
- Upload the image-gallery directory to the /wp-content/plugins/ directory
- Activate the plugin in the Plugin dashboard
- You can see the plugin installed on Wordpress left menu
Step 1 Creating
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
- After creating your next step is to manage Custom Option
- 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
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 / 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 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
- 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 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 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 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 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 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 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
- 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 among projects
- Separator Line Color: Pick up a color for separation line
- Content Per Page: Decide how many 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