Gallery – Image and Video Gallery with Thumbnails

Descrizione

Responsive Image and video Gallery plugin is very important tool for any website. The most of users have Galleries on their website. Our plugin allow you to display your Galleries with awesome views and animation effects, so you need to try our plugin.
We have a lot of different standard and Canvas animation that you will like. You can create your own design and make your style. We are sure that you will like our plugin.

View our plugin Demo pages:

Our plugin have a lot of free and Premium features, so let us introduce some of that features.

Features of free version

  • Fully Responsive
  • Handy and easy to use admin panel
  • Tested on all modern browsers
  • Works perfectly with all versions of WordPress
  • Ability to create unlimited number of Galleries, Albums and images
  • Ability to change pictures names and descriptions
  • Ability to change Popup overlay background color, opacity
  • Position
  • Border width
  • Border color
  • Border opacity and radius
  • Control bar icons sizes
  • Control bar height
  • Description panel settings
  • Description panel text and background colors
  • Description panel opacity
  • Description panel hover options
  • Previous and Next icons, icons color, icons size and icons position
  • Slide pause time
  • Ability to create unlimited themes
  • Ability to change Album pictures size and text options
  • Ability to change general pictures size and text options
  • Ability to change count of elements in page
  • Ability to set number of columns
  • Ability to set Pagination panel height
  • Ability to change Pagination panel background options
  • Ability to set pictures thumbnails cropping width and height
  • Ability to set cropping max width and height
  • Tested on popular WordPress themes

You can upgrade the free version to Pro Version to add some nice features.

The features of Pro version

  • 8 Awesome views
  • 5 standard animation effects
  • 27 Canvas animation effects
  • Ability to set slide animation time
  • Ability to change Popup design settings
  • Control bar design settings, position, icons design.
  • Outside Icons conteiner settings
  • Thumbnail line settings
  • Thumbnail images settings
  • Fully customizable design
  • Premium support

This was the settings list of our plugin, but you need to try our demo or create Galleries yourself for haveing closer look on it. We hope you will like our plugin.
We tried to do our best for creating user friendly and easy to use plugin, but if you have any questions then check the User Manual page or contact us.

Fully Responsive

Our plugin is one of the most responsive galleries that are available on WordPress. You can check our demo pages on different devices and you will see what we are talking about.
Today the mobile development and promotion is more then important, so we try to do our best in this case.

27 Canvas animation effects

We have nice and unique Canvas effects that you will like. Try them, there are a lot of awesome animation effects.

Fully customizable design

You can set almost every element design setting, so our plugin design will fit to your website design.

8 Awesome views. Below you can check Views and their short descriptions.

Square view

Square view is very simple and nice view. In Square view all pictures have the same height and different width.
Try this view we think you will like it.

Masonry view

Masonry view is the most popular view. It will display pictures in a beautiful style and we are sure you will like this view.

Mosaic view

Mosaic view is on of the most popular views. In this view pictures have the same width, but height can be different.

Thumbnail view

In Thumbnail view images sizes will be automatically modified and will get the same width and height. This is handy view as well.

Column view

This view will display Galleries, Albums and pictures by column. It’s not so popular view, but some users prefer this view.

Square, Masonry, Mosaic, Thumbnail alternative views

Alternative views have beautiful style as well and not so different as the original views

If you found any bug or mistake in our plugin or have a question contact us at support@wpdevart.com, we will try to fix it as soon as it possible.

On this page we will provide detailed information about how to create and insert Galleries into your website posts/pages. Also, below we will provide more information about Popup and theme settings.

First of all go to Crop setting page from admin panel and set up the cropping parameters for pictures. It’s very important, don’t miss this step.

Gallery page

When you install our plugin and go to the main page from WordPress admin panel you will see the detailed information about how to configure our plugin.

Popup page

On this page you can configure Popup(lightbox) settings.
There are a lot of options that will allow you to configure the Popup design and other settings. Popup have fully customizable design, so you can configure it as you need.
Beslow you can view the Popup options list and some descriptions.

General

Distance from window – Type here the distance from screen(not for middle position)
Rotation when photo started open – Type here the rotation degree when Popup started
Popup Position – Choose the Position
Photo location at Popup start – Choose the location at Popup start
Popup closing type – Choose the closing type
Popup location – Choose the location
Popup border width – Type the border width
Popup border color – Select the border color
Popup border opacity – Type the border opacity
Popup border radius – Type the border radius
Popup radius metric type – Select the radius metric type
Minimum photo width – Type the minimum width
Photo width at Popup start – Type the width at start

Description panel

Description panel background color – Select the description panel background color
Description panel on hover background color – Select the description panel on hover background color
Description panel opacity – Select the description panel opacity
Description panel on hover opacity – Select the description panel on hover opacity
Description panel text color – Select the description panel text color
Description panel on hover text color – Select the description panel on hover text color
Description panel text distance from top – Type the description panel text distance from top
Text distance from left and right side – Type the description panel text distance from left and right side
Description panel text font size – Type the description panel text font size

Icons general settings

Control bar display settings – Choose when to show or hide the control bar
Control bar icons position – Select control bar icons position
Control bar position – Select the control bar position
Control bar vertical position – Choose the control bar vertical position
Control bar background color – Select the control bar background color
Control bar icons color – Select the control bar icons color
Control bar icons on hover color – Select the control bar icons on hover color
Control bar height – Type the control bar height
Control bar icons on hover size changing – Type here how to zoom in or zoom out icons on hover
Distance between control bar icons – Type distance between control bar icons

Control bar icons

Previous and Next photo icons – Choose the Previous and Next icons
Previous and Next photo icons size – Type the Previous and Next icons size
Play icon – Choose the play icon
Pause icon – Choose the pause icon
Play and Pause icon size – Type the Play and Pause icon size
Counter separating symbol – Type the counter separating symbol
Counter separating symbol size – Type the counter separating symbol size
Close icon – Choose the close icon
Close icon size – Type the close icon size

Outside Icons conteiner

Outside Icons distance from screen – Type here outside Icons distance from screen
Outside Icons panel background color – Select outside Icons panel background color
Outside Icons panel background opacity – Select outside Icons panel background opacity
Outside Icons panel border radius – Type outside Icons panel border radius

Overlay

Overlay background color – Select the overlay background color
Overlay opacity – Select the overlay opacity

Slide effects

When start slide effect – Choose when the slide effect should start
Slide type – Select slide effect type
Standard effects list – Choose what standard effects use(5 Standard effects)
Canvas effects list – Choose what Canvas effects use(27 Canvas effects)

Popup Previous and Next icons

Previous and Next icons – Select the Previous and Next icons
Previous and Next icons color – Selcet Previous and Next icons color
Previous and Next icons size – Type the Previous and Next icons size
Previous and Next icons position – Type the distance for Previous and Next icons from popup border

Popup thumbnail line

Show thumbnail line – Choose to show or hide thumbnail line
Distance between control bar icons and thumbnail line – Type the distance between control bar icons and thumbnail line
Thumbnail line width – Select the width
Active thumbnail line height – Type the active line height
Thumbnail line color – Select the color
Active image line color – Select the active line color
Viewed photo line color – Select the viewed line color
Hovered photo line color – Select the hovered line color

Popup thumbnail images

Width – Type the width
Height – Type the height
Thumbnail border – Type the border size
Distance between thumbnail line and thumbnail photos – Type here the distance
Thumbnail border color – Type the border color
Background color of residual space – Select the background
Thumbnail opacity – Select the opacity

Thumbnail image counter

Show the counter – Choose to show or hide the counter
Counter width – Type the counter width
Counter height – Type the counter height
Counter background color – Select the counter background color
Counter opacity – Select the counter opacity
Numbers text color – Select the numbers text color

Themes page

On themes page you can create or edit themes. Also, you can select the default theme from this page.
If you need to create new themes, then click on “Add New” button from right side of Themes text.
After that type the new theme name and cofigure options.

Below is the list of options of theme.

General

Count of elements in page – Type the count of elements in page
Image distance type – Select the distance type(work only for Masonry alternative, Mosaic alternative and Thumbnail alternative view)
Number of max columns – Type number of max columns
Count of added elements(more button) – Type the count of added elements(more button)
Pagination panel height – Type pagination panel height
Main background color – Select main background color
Main background opacity – Select main background opacity
Pagination type – Select pagination type
Pagination buttons font size – Type Pagination buttons font size
Pagination buttons background color – Select pagination buttons background color
Active pagination buttons background color – Select active pagination buttons background color
On hover pagination buttons background color – Select on hover pagination buttons background color
Pagination buttons text color – Select pagination buttons text color
Active pagination buttons text color – Select active pagination buttons text color
On hover pagination buttons text color – Select on hover pagination buttons text color
Show ordering type on front end – Choose to show or hide ordering type on front end
When text hover should work – Select when text hover should work
Elements on hover animation speed – Type elements on hover animation speed

Image Settings

Larghezza: digitare la larghezza
Altezza: digitare l’altezza
Distanza tra le foto: digitare la distanza tra le foto
Zoom al passaggio del mouse – Digitare lo zoom al passaggio del mouse
Rotazione al passaggio del mouse – Digitare la rotazione al passaggio del mouse
Opacità – Seleziona l’opacità
Opacità al passaggio del mouse – Seleziona l’opacità al passaggio del mouse
Dimensione del bordo – Inserisci la dimensione del bordo
Colore del bordo – Seleziona il colore del bordo
Opacità del bordo – Seleziona l’opacità del bordo
Colore del bordo al passaggio del mouse – Seleziona colore del bordo al passaggio del mouse
Opacità del bordo al passaggio del mouse – Seleziona Opacità del bordo al passaggio del mouse
Raggio del bordo – Digitare il raggio del bordo
Raggio del bordo al passaggio del mouse – Digitare raggio del bordo al passaggio del mouse
Colore ombra – Selezionare il colore dell’ombra
Colore ombra al passaggio del mouse – Selezionare colore ombra al passaggio del mouse
Ombra orizzontale – Digita l’ombra orizzontale
Ombra orizzontale al passaggio del mouse – Digita Ombra orizzontale al passaggio del mouse
Ombra verticale – Digita l’ombra verticale
Ombra verticale al passaggio del mouse – Digita ombra verticale al passaggio del mouse
Sfocatura dell’ombra – Digita la sfocatura dell’ombra
Sfocatura dell’ombra al passaggio del mouse – Digita Sfocatura dell’ombra al passaggio del mouse
Ombra separata – Inserisci ombra separata
Ombra separata al passaggio del mouse – Digita l’ombra separata al passaggio del mouse
Opacità ombra – Seleziona l’opacità dell’ombra
Opacità ombra al passaggio del mouse – Seleziona opacità ombra al passaggio del mouse
Tipo di ombra – Scegli il tipo di ombra
Tipo di ombra al passaggio del mouse – Scegli tipo di ombra al passaggio del mouse
Riempimento del testo – Inserisci il riempimento del testo
Dimensione del carattere del testo – Inserisci dimensione del carattere del testo
Dimensione del carattere del testo al passaggio del mouse – Dimensione del carattere del testo al passaggio del mouse
Colore testo – Seleziona il colore del testo
Colore testo al passaggio del mouse – Seleziona colore testo al passaggio del mouse
Opacità del testo – Seleziona l’opacità del testo
Opacità del testo al passaggio del mouse – Seleziona opacità del testo al passaggio del mouse
Colore ombra testo – Seleziona il colore ombra testo
Colore ombra testo al passaggio del mouse – Seleziona il colore ombra testo al passaggio del mouse

Ombra del testo – Scrivi ombra del testo
Ombra del testo al passaggio del mouse – Digita ombra del testo al passaggio del mouse
Opacità dell’ombra del testo – Seleziona l’opacità dell’ombra del testo
Opacità dell’ombra del testo al passaggio del mouse – Seleziona opacità dell’ombra del testo al passaggio del mouse
Colore di sfondo del testo – Seleziona il colore di sfondo del testo
Colore di sfondo del testo al passaggio del mouse – Seleziona colore di sfondo del testo al passaggio del mouse
Opacità dello sfondo del testo – Seleziona Opacità dello sfondo del testo
Opacità dello sfondo del testo al passaggio del mouse – Seleziona opacità dello sfondo del testo al passaggio del mouse

Album settings

Larghezza immagini: digitare la larghezza
Altezza immagini: digitare l’altezza
Distanza tra gli album: digitare la distanza tra gli album
Dimensione della cartella nella finestra dell’album – Seleziona la dimensione della cartella nella finestra dell’album
Opacità: seleziona l’opacità
Opacità al passaggio del mouse: selezionare l’opacità al passaggio del mouse
Colore dello sfondo: seleziona il colore dello sfondo
Colore di sfondo al passaggio del mouse: seleziona il colore di sfondo al passaggio del mouse
Opacità dello sfondo: seleziona l’opacità dello sfondo
Opacità di sfondo al passaggio del mouse: selezionare l’opacità di sfondo al passaggio del mouse
Dimensione del bordo: digitare la dimensione del bordo
Colore bordo – Seleziona colore bordo
Colore del bordo al passaggio del mouse – Seleziona il colore del bordo al passaggio del mouse
Opacità del bordo – Seleziona l’opacità del bordo
Opacità del bordo al passaggio del mouse – Seleziona opacità del bordo al passaggio del mouse
Raggio del bordo – Immettere il raggio del bordo
Raggio del bordo al passaggio del mouse – Digitare il raggio del bordo al passaggio del mouse
Colore ombra: seleziona il colore dell’ombra
Colore ombra al passaggio del mouse: selezionare il colore dell’ombra al passaggio del mouse
Ombra orizzontale – Digita l’ombra orizzontale
Ombra orizzontale al passaggio del mouse – Digitare orizzontale al passaggio del mouse
Ombra verticale – Digita l’ombra verticale
Ombra verticale al passaggio del mouse – Digita l’ombra verticale al passaggio del mouse
Sfuocatura ombra – Digita sfuocatura ombra

Sfuocatura ombra al passaggio del mouse – Digita sulla sfuocatura dell’ombra al passaggio del mouse
Ombre separate – Digita ombra separata
Ombra separata al passaggio del mouse – Digita l’ombra separata al passaggio del mouse
Opacità ombreggiatura – Seleziona opacità ombreggiatura
Opacità ombreggiatura al passaggio del mouse – Seleziona opacità ombreggiatura al passaggio del mouse
Tipo di ombreggiatura: seleziona il tipo di ombreggiatura
Tipo di ombreggiatura al passaggio del mouse – Seleziona il tipo di ombreggiatura al passaggio del mouse
Testo di riempimento – Inserisci il testo di riempimento

Dimensione del carattere del testo – Digita dimensioni carattere del testo
Dimensione del carattere del testo al passaggio del mouse – Digita sulla dimensione del carattere del testo al passaggio del mouse
Colore testo – Seleziona colore testo

Colore testo al passaggio del mouse – Seleziona colore testo al passaggio del mouse
Opacità del testo – Seleziona opacità del testo
Opacità del testo al passaggio del mouse – Seleziona l’opacità del testo al passaggio del mouse
Colore ombra del testo – Seleziona colore ombra del testo
Colore ombra del testo al passaggio del mouse – Seleziona colore ombra del testo al passaggio del mouse
Sfuocatura dell’ombra del testo – Digita la sfuocatura dell’ombra del testo
Sfuocatura dell’ombra del testo al passaggio del mouse – Digita sulla sfuocatura dell’ombra del testo al passaggio del mouse
Opacità ombra del testo – Seleziona opacità ombreggiatura testo

Opacità ombra del testo – Seleziona opacità ombra del testo al passaggio del mouse
Numero di album da mostrare prima di fare clic sul pulsante Aggiungi – Digitare il numero di album da mostrare prima di fare clic sul pulsante Aggiungi (funziona solo quando viene selezionata l’opzione di più pulsanti)

Gallery settings

Pictures width – Type the width
Pictures height – Type the height
Distance between galleries – Type the distance
Folder size inside window – Select folder size inside window
Opacity – Select opacity
On hover opacity – Select on hover opacity
Background color – Select background color
Folder background color – Select folder background color
On hover background color – Select on hover background color
Background opacity – Select background opacity
On hover background opacity – Select on hover background opacity
Border size – Type border size
Border color – Select border color
On hover border color – Select on hover border color
Border opacity – Select border opacity
On hover border opacity – Select on hover border opacity
Border radius – Type border radius
On hover border radius – Type on hover border radius
Shadow color – Select shadow color
On hover shadow color – Select on hover shadow color
Horizontal shadow – Type horizontal shadow
On hover horizontal shadow – Type on hover horizontal shadow
Vertical shadow – Type vertical shadow
On hover vertical shadow – Type on hover vertical shadow
Shadow blur – Type shadow blur
On hover shadow blur – Type on hover shadow blur
Separate shadow – Type separate shadow
On hover separate shadow – Type on hover separate shadow
Shadow opacity – Select shadow opacity
On hover shadow opacity – Select on hover shadow opacity
Shadow type – Select shadow type
On hover shadow type – Select on hover shadow type
Text padding – Type text padding
Text font size – Type text font size
On hover text font size – Type on hover text font size
Text color – Select text color
On hover text color – Select on hover text color
Text opacity – Select text opacity
On hover text opacity – Select on hover text opacity
Text shadow color – Select text shadow color
On hover text shadow color – Select on hover text shadow color
Text shadow blur – Type text shadow blur
On hover text shadow blur – Type on hover text shadow blur
Text shadow opacity – Select text shadow opacity
On hover text shadow opacity – Select on hover text shadow opacity

Cropping page

Puoi impostare i parametri di ritaglio per tutte le immagini.

Thumbnails cropping width – Type here the the thumbnail width, after you set this parameter the thumbnails width will be cropped
Thumbnails cropping height – Type here the the thumbnail height, after you set this parameter the thumbnails height will be cropped
Cropping max width – Type the cropping max width
Cropping max height – Type the cropping max height

Screenshot

  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end

Installazione

Prima scarica il file ZIP del nostro plugin.

Follow these steps for installing and activating the plugin

  1. Log into your WordPress website administration panel.
  2. Then go to Plugins page and click Add New > Upload Plugin.
  3. Click “Choose file” then select our WordPress Gallery plugin zip file.
  4. Then install and activate the plugin.

If you have any issue with installation contact us at support@wpdevart.com.

FAQ

Our plugin is an user friendly tool, but here you can check some frequently asked questions.

Come dovrei inserirlo nei miei articoli/pagine

First of all set the Crop parameters. Then you need to create it and configure the Popup settings. After that configure the theme settings.
Then go to your post or page, find the insert shortcode button from Visual Editor buttons. Click on it, select the options you need and insert it.

Is this plugin mobile friendly

Yes, this is the most mobile friendly plugin 🙂

Can I set the same title for different Galleries

Unfortunately no, you will get an error about this.

Can I edit the inserted shotcode

Yes, just click on the shotcode icon in your post/page editor and you can chage the views or settings.

What files I need to upload for installing the plugin

You need to select the .zip file only, there is no need to extract the zip file, just upload it.

I purchased the pro, but couldn’t download the pro file

Contact us at support@wpdevart.com and we will send you the pro version.

Do I need to pay yearly or monthly for pro version

No dear user, you need to pay only once for our pro version.

Recensioni

31 Luglio 2022
I had been trying to update the website, but was having problems adding a new gallery and albums after updating WordPress. Contacted support (the development team) and we spent several days figuring out what was wrong. They were very fast in their responses and the problems were fixed perfectly. We have been using their gallery program on both our websites. The plugin is excellent and easy to use. The support has been quick to respond and willing to work with us on several special requests. Thanks to all! Recent Developments, LLC
24 Luglio 2021
With very large configuration options, many different extras. One of the best and most useful gallery plugins I've found for wordpress! I warmly recommend all users to use it immediately. The plugin has a very good, knowledgeable, responsive and friendly support team. I have always received help quickly when needed. You can see how it works on my page: https://iffinland.info
11 Febbraio 2021
I searched around for a gallery which was not expensive but allowed comments to be added to photos. The premium service (when you pay for the inexpensive licence) provided when you ask a question or ask for advice is very fast and excellent. One of the best I've come across. This plugin does what it says it does - it is easy to set up. It works well. There is a slight quirk that when you add photos to an album, the photos appear at the bottom of the list and it is difficult to move them up further into the album (as my photos should be in chronological order and the photo list can be lengthy). This is why I give it 4 stars not 5. But I recommend this plugin
19 Settembre 2020
Even if I bought this program I don't seem to be able to work with it. I was not able to create any gallery or album and I contacted the site. They fix the problem so it was working but a month later I can't create any new gallery or album so the same problem again. I am very upset.
Leggi tutte le recensioni di 14

Contributi e sviluppo

“Gallery – Image and Video Gallery with Thumbnails” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Traduci “Gallery – Image and Video Gallery with Thumbnails” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

2.0.0

  • Fixed a bug.

1.9.9

  • Changed some options descriptions.

1.9.8

  • Corrected the admin panel texts.

1.9.7

  • Corrected the admin panel texts.

1.9.6

  • Made some changes.

1.9.5

  • Corrected the changelod and added some texts in the code.

1.9.4

  • Added functions descriptions for the gallery-theme file.

1.9.3

  • Some changes have been made.

1.9.2

  • Corrected some spelling mistakes.

1.9.1

  • Added descriptions for some functions.

1.9.0

  • Corrected functions descriptions texts.

1.8.9

  • Added a new section for the admin panel.

1.8.8

  • Improved the plugin admin panel.

1.8.7

  • Change admin styles.

1.8.6

  • Added functions descriptions for developers.

1.8.5

  • Added a new design for the icon.

1.8.4

  • Changed the texts of the Gallery and Album options in the tree.

1.8.3

  • Changed some options names.

1.8.2

  • Added new style for the title of the Featured Plugins page.

1.8.1

  • Changed a featured plugin icon design.

1.8.0

  • Edited some option names and descriptions.

1.7.9

  • Corrected spelling mistakes and added descriptions for functions.

1.7.8

  • Added descriptions for some functions.

1.7.7

  • Changed styles of the admin panel buttons.

1.7.6

  • Added some comments for developers.

1.7.5

  • Changed some buttons styles.

1.7.4

  • Corrected spelling mistakes.

1.7.3

  • Changed the admin menu page styles.

1.7.2

  • Added featured plugins new icons.

1.7.1

  • Corrected the gallery page URL.

1.7.0

  • Added new featured plugin – Duplicate page/post.

1.6.9

  • Corrected featured plugins page texts.

1.6.8

  • Added function descriptions.

1.6.7

  • Added new featured plugin.

1.6.6

  • New featured plugin added.

1.6.5

  • Added comments for developers.

1.6.4

  • Fixed conflict with Autoptimize.

1.6.3

  • Function descriptions added.

1.6.2

  • Added function descriptions.

1.6.1

  • Added icons.

1.6.0

  • Changed featured images icons.

1.5.9

  • Edit/add function descriptions.

1.5.8

  • Added functions descriptions.

1.5.7

  • Added shortcode generator.

1.5.6

  • Fixed bug with creating a gallery.

1.5.5

  • Added support URL.

1.5.4

  • Added comments for developers.

1.5.3

  • New featured plugin added.

1.5.2

  • Fixed issue(featured plugin file location).

1.5.1

  • Featured plugin added.

1.5.0

  • Edited admin panel of plugin.

1.4.9

  • Added comments for developers.

1.4.8

  • Fixed issue.

1.4.7

  • Fixed issue.

1.4.6

  • Added comments for developers.

1.4.5

  • Added new image page for search engines.

1.4.4

  • Fixed issue.

1.4.3

  • Fixed Apostrophe sign issue.

1.4.2

  • Added comments for developers

1.4.0

  • Added new features

1.2.2

  • Fixed issue.

1.2.1

Fixed Union SQL Injection POC:

/wordpress/wp-admin/admin.php?page=wpdevart_gallery_themes&task=add_edit_theme&id=-1+UNION+ALL+SELECT+NULL,@@VERSION,NULL,NULL–

Fixed Blind SQL Injection POC:

/wordpress/wp-admin/admin.php?page=wpdevart_gallery_themes&task=add_edit_theme&id=1+and+1=0

Thanks to Manuel Garcia Cardenas who tell us about this issue(advidsec@gmail.com).

1.2.0

  • Added new features.

1.0.1

  • Added function names.

1.0.0

  • Initial version.