Can this play local videos? I think I saw Youtube and Vimeo mentioned but nothing about locally stored videos.

Hello – does the script support fallback image types for browser support… for example avif, to webp, to jpg?

Hi, I install your code on my site but it appears that fullscreen for youtube videos isn’t possible. The windows opens and close right away. IS there a code to change to allow that ? Thx a lot

Hello,

the preview (preview images on the right) is not working properly for me. Images are missing. I can only see 9 images, the rest are missing. Unfortunately I cannot send a screenshot here. Please help.

Beste Regards, Andreas

Is there a way to have ‘custom media gallery’ BUT link the images to individual PDFs?

I’m trying to install this into a divi theme, and it tells me it failed. This is the message: The package could not be installed. No valid plugins were found.

Plugin installation failed.

Please me let me know what I can do to correct this. thank you

Is it possible to have a grid with a 1:1 ratio, that displays images of various aspect ratios that are reduced in size to fit the whole image within the box rather than showing only part of the images?

Checkbox reset code worked perfectly. Thank you.

Is there are a way to reset checkboxes on page? Ideally I would like to create a button that will reset checkboxes on multiple_filters_checkboxes.html page example.

Hello. Please we have a page with image gallery that we want to apply the script to but we will need to disable the infinite scrolling and possibly the lazy loading. Is this possible and how?

Hi there! Thanks for the amazing plugin. My one question is about the search box: I have my filters set and they work perfectly, but if I type anything in the search box (including category name, post title) it returns no hits? Can you clarify what attributes the search box is looking for? Thanks for your help!!

Hello.

Some time ago I bought this plug-in (jQuery Grid Gallery Plugin) and I have a small problem with it. Could you please take a look and help me with this. Why isn’t it working properly? Here is the website where you can see it: http://www.themaartis.stronazen.pl/projekty/mrok.html

Best Regards Simon

Hello, can I use both https://videojs.com/ player for self-hosted videos and photos in the same gallery?

Hello! I am interested in the “Media Boxes Portfolio – Wordpress Grid Gallery Plugin” and had a few pre-purchase questions.

1. Is this plugin compatible with Elementor Pro?

2. Is it possible to include video content along with regular images in the galleries? What about gifs?

3. Can I add a custom link for each gallery item? Instead of opening a popup, I’d like someone to be sent to a subpage on my website (not a post) when they click on a visual.

4. For the multiple filters feature, does that work with a masonry layout? And if so, will the dimensions of filtered images change after being filtered (for instance, if I have a portrait style image, will it stay within those same dimensions when filtered instead of changing to a square or landscape image)?

5. Is ACF or any post pages required for this plugin to work?

Thank you!

this code work for webp images not sure I can past the whole code

<?php

/* ====================================================================== * READ DIRECTORY RECURSIVELY * ====================================================================== /

function read_directory($directory, $original_directory, $directory_url, &$output, $config_from_file){ }

$exclude_directories        = array('.', '..', '.DS_Store', 'thumbnails');
$images_allowed             = array('jpeg', 'jpg', 'png', 'gif', 'webp'); // Add 'webp' to the allowed image types
$thumbnails_folder          = 'thumbnails';

/ ====================================================================== *
        CHECK IF GIVEN DIRECTORY IS AN ACTUAL DIRECTORY
 * ====================================================================== /

if( !is_dir($directory) ){
    return array();
}

/ ====================================================================== *
        ITERATE FILES/FOLDERS IN DIRECTORY
 * ====================================================================== /

$handler    = opendir($directory);
while ($file = readdir($handler)) {
}

// Exclude directories
if(in_array($file, $exclude_directories)) continue;

// If its a directory
if( is_dir( "$directory/$file" ) ){
    read_directory("$directory/$file", $original_directory, "$directory_url/$file", $output, $config_from_file);
}

// If its a file
else{
}

// only images are allowed
$extension = pathinfo("$directory/$file", PATHINFO_EXTENSION); // Get file extension
$extension = strtolower($extension);
if( !in_array($extension, $images_allowed) ) continue;

// create new file                                        
$new_file                   = array();

// Directory/filter vars
$new_file['directory']      = $directory;
$new_file['directory_date'] = filemtime( $directory );
$new_file['filter']         = $original_directory == $directory ? '' : basename($directory);
$new_file['extra_filter']   = ''; // category 2, category 3

// Thumbnail vars
$new_file['thumb_src']      = file_exists( "$directory/$thumbnails_folder/$file" ) ? "$directory_url/$thumbnails_folder/$file" : "$directory_url/$file";
$file_pathinfo              = pathinfo( $file );
$new_file['name']           = $file_pathinfo['filename'];
$new_file['date']           = filemtime( "$directory/$file" );
$new_file['random']         = rand(0,9999);

// Popup vars
$new_file['popup_src']      = "$directory_url/$file";

// Replace/Add vars from config.txt file
$found                      = find_img_in_array( str_replace("$original_directory/", "", "$directory/$file"), $config_from_file);
foreach ($found as $key => $value) {
    $new_file[$key] = $value;
}

// Add new_file to output
$output[]                    = $new_file;

/ ====================================================================== * FIND IMAGE IN ARRAY (FROM .TXT) * ====================================================================== /

function find_img_in_array($image, $array){ foreach ($array as $row) { if($row[‘image’] $image){ return $row; } } return array(); }

/ ==================================================================== * GET CONFIG FROM .TXT * ====================================================================== /

function get_config_from_file($directory, $config_file_url){ }

$output         = array();

if($config_file_url!= '' && file_exists("$directory/$config_file_url")){
}

$config_file    = file("$directory/$config_file_url");
$new_obj        = array();

// Iterate each line of the .txt file 
$config_file[]  = ''; // add a break line at the end of file
foreach ($config_file as $row) {
}

// If the line is empty add the new_obj (new_obj is the config per image)
if(trim($row) == ''){
    if(count($new_obj)>0){
        $output[]   = $new_obj;
        $new_obj    = array();
    }
}

// Fill the new_obj var
else{
    $line                       = explode("=>", $row);
    if(count($line)==2){
        $new_obj[trim($line[0])]    = trim($line[1]);
    }
}

return $output;

/ ====================================================================== * GET AUTO GRID DATA * ====================================================================== /

function get_auto_grid_data($directory, $config_file_url=’’, $directory_url=’‘){ }

if($directory_url==''){
    $directory_url = $directory; // the $directory_url is used for the  so it could be different from $directory if you set $directory to an absolute path of your server
    // i.e. webpage = http://localhost:8888/auto_grid | $directory = /Applications/MAMP/htdocs/auto_grid/galleries/gallery | $directory_url = '/auto_grid/galleries/gallery'
}

// Output
$output = array();

// Read directory
read_directory($directory, $directory, $directory_url, $output, get_config_from_file($directory, $config_file_url));

// Return output in json
return htmlspecialchars(json_encode($output), ENT_QUOTES, 'UTF-8'); // htmlentities vs htmlspecialchars

/ config.txt file: ?>

image           => Category 1/Autumnn.jpg
    link            => https://codecanyon.net/?param=param
    extra_filter    => Category 2, Category 3
    name            => My Image Name
    thumb_src       => url
    ratio           => 1x1
    popup_src       =>

*/

I see. I couldn’t figure how to reply to your answer about radio buttons. Can checkboxes functionality be altered to work as single select? Checkboxes functionality is multiple select.

Is there a way within the script to add a ‘contact’ form or link, or do we need to edit source code to ad this?

I have 10 items on page, 4+4+2. The last two items are left aligned and I would like to center them on page horizontally. Solutions I found in comments didn’t work for me. Is this doable with the version I have?

I am using the grid to load articles in an webshop. When the grid is initalized all the boxes are loaded with a zoom in effect – can this be removed so that the boxes just appear without any effect ?