Options for replacing the deprecated Gallery

I am currently using the Gallery widget to display a sliding list of thumbnails. Each thumbnail has a background colour and a text overlay. (It's a colour chooser). However as of API version 16,...

Responsive image inside bootstrap modal - not showing until I resize the window

I'm using the TwentyTwenty jQuery library to allow me to have 2 images with a before and after slider, and I want to display these inside a Bootstrap modal. However once I click on the thumbnail...

Owl Carousel Sync Items

My project involves creating a photo gallery with Owl Carousel. I'm using Owl Carousel Sync for the main gallery which has the big image and the thumbnail and I want a third gallery at the bottom...

Foundation + Flexslider with Thumbnails not working

I'm trying to build a gallery page use Flexslider in a site built with Foundation. If I build the Flexslider on its own, it works fine, but when I incorporate it into a page with Foundation it...

Symfony2 open_basedir restriction in effect

i'm trying to deploy a symfony 2.7 project to shared hosting. Everything works fine on localhost but on the server i got big fat error... When i try to hit the...

Slick slider with Magnific Popup Lightbox Gallery

I have multiple thumbnail images with slick slider which I also want to be opened using a lightbox gallery for a bigger sized image. The slick slider works great and the lightbox does open but it...

Shared element transition leaves a strange white background between first activity and second transparent activity

Recently I faced up with a weird problem. I have two activities. The first one contains a grid with a thumbnails. A kind of a gallery. And the second one contains a view pager with fragments and...

Thumbnail image gallery with Javascript without plugin

I was looking for a tutorial do create a image gallery with thumbnail and slider option, but find many examples Jquery and plugins and just slider or just thumbnail gallery . I found example with...

A few slick sliders on the page

I have a problem. I bring out a slick slider with navigation in tabs on one page, I have a lot of them there. When I bring out one slider, there are no problems. But when 2 or more, all the...

Wordpress crop images not the thumbnail and without plugin

I'm looking for a function (with PHP) to crop my pictures in wordpress without a plugin. I need it for a gallery-slider and not for the thumbnail. Can anybody show me an example (in codepen for...

How to add Youtube video in Woocommerce product photo gallery?

I wordpress, I have created a custom textarea field to paste in Youtube Embed Code for every Products under Woocommerce. I used ACF plugin for that. The backend is working fine and I am able to...

Slider with thumbnail navigation and pagination for thumbnails

I searched a lot about it but couldn't find any. Well, I need a slider with a thumbnail navigation and that thumbnail navigation should have a pagination. I want to show only four thumbnails but...

Clicking on thumbnail images need to display the slider images using jquery

I am having thumbnail images on my gallery page whenever user clicks on the thumbnail images it should display the slider images which should be slided automatically.I have tried with some...

Can't display posts in a grid view

i'm editing a theme and i cant display posts in a grid view whatever i'm doing i think the problem is in the css but i cant determine where i created a different index but still same problem if...

Can we make a vertical thumbnail slider using flexslider?

Hi I'm usually using flexslider. Now i need a thumnail slider. But thumbnail should be vertical, it should have arrows and while clicking on it have to scroll upwards and downwards..Is that...

How to load new slides to fancybox 3 via AJAX?

On my site there is a gallery with 20 photos to start with. When a visitor opens the fancybox gallery in popup mode and clicks on "next" arrow, all is OK, they can navigate through the gallery....

Grouped Variant Images using alt-text w/ the "Turbo" theme | Shopify

Tried taking a quick stab at putting this code at the bottom of every type of "product" liquid file for Out of the Sandbox's Turbo theme for Shopify. Usually can get it to work for most other...

Shopify - make variant id change in url when selecting product options

Ok, so I'm new to Shopify, so this may be easy to solve and I'm just not "getting it." I think I'm working with an old theme since new themes seem to have a js file already in place to update the...

How to change class with jquery based on index?

I'm trying to create a gallery on Shopify that has webp support (long story). I'm 99% there, the images display correctly. I just need to change some classes based on the thumbnail that is...

How can I load an image before it's needed?

I'm developing a website with an image gallery. There is a grid of images with dozens of thumbnails. When a user clicks on an image a div slides down from the top. That div's CSS gets edited with...

Why does the page scroll up when clicking on gallery thumbnail?

I have a photo gallery that's doing some strange behavior I'm unable to figure out. When clicking on the thumbnail which is supposed to show me the image, it not only does that, but it also...

Laravel and Blade dynamic flexslider issues

I am using blade and laravel to create an image gallery. I can loop through an album and get the pictures to appear which is great, and got a bootstrap carousel to work. However I would like to...

Adding zoom function to slider

I have this code that i took from W3School for and image gallery slider. I am looking to add a function for it to enlarge the main image. Basicaly, i would like to click the expand button and that...

SwiperJS Swiper Slider disable swipe on zoom but allow thumbnails to be clicked

Im trying disable the swipe functionality when the slider is zoomed, to make sure when the user drags the image to zoom, they are not going to trigger the swipe to the next or prev slide. I tried...

Toggling between an image grid and image slider with one array of images in react hooks

I am building a project with Nextjs, React and using Sanity as a CMS. One of the main components will be a gallery of images that, when you click on of the images you will open an image slider...

swiper.js - responsive thumbnail images - horizontal on mobile and vertical on desktop

everyone, this is the first time I am writing something here and I hope I can explain my problem good enough :) I am currently working on the new onlineshop of my company and have problems with...

If i use jQuery(document).ready(function(){ ... my code}) = undifined function

I'm trying to use owl carousel in a wordpress ACF custom block. owl carousel works if I don't put jQuery(document).ready in my script. But if I have jQuery(document).ready, the console tells me...

Image wider than flex-viewport after making thumbnails vertical

I've a problem with image size in Woocommerce and FlexSlider product gallery. I'm using a free Astra theme. I've found the code that makes the thumbnail vertical on the left side of product...

Display a Swiper slider when clicking a thumbnail in a gallery

I'm building a thumbnail gallery with a slider feature using Swiper. By default, the slider is hidden, and when the user clicks one of the images, the slider must be displayed showing the clicked...

Swiper observer random delay

I'm building a thumbnail gallery with a slider feature using Swiper (v6.5.1). By default, the slider is hidden, and when the user clicks one of the images, the slider must be displayed showing the...