Slick Slider slickGoTo method breaking the carousel

I'm working on a news article page that also has a gallery of images. I'm using slick slider for the thumbnails on the gallery. Every image in the gallery has it's own url for ad view purposes...

How to make my image gallery width responsive to div below it?

I have an image gallery with name slider1_container and it's style properties are specified within the HTML code such as: <div id="slider1_container" style="position: relative; top: 0px; left:...

How to make images stretch to fill the available area in PhotoSwipe

I'm hoping to use PhotoSwipe to display all the images in each article on my responsive site, like the gallery you get when you click or tap on an in-content image in http://dailymail.co.uk. The...

fancybox, make slideshow with images and divs that are not the gallery

I am using the jQuery fancybox plugin to create an image gallery. User clicks on an image and then a modal shows up to navigate through all the images. Up to this point, everything is done with...

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...

Swiper slider gallery, and changing orientation on Iphone's

I made an image gallery format. It's responsive (boostrap and some own medias @), when i click an image, a Swiper (http://idangero.us/ plugin) slider opens to show images one by one in a bigger...

HTML Flexbox Gallery

I am trying to make a responsive 9×9 gallery, with an overlay (trying with a div with color and text), when hovering. Like this: Slide in Overlay from the Bottom. But, I can't overlay the ...

jquery.themepunch.tools.min.js:103 invalid zIndex tween value: undefined

I am having an issue trying to fix this. My slider breaks every time I return to that specific page. keeps throwing error: jquery.themepunch.tools.min.js:103 invalid zIndex tween value:...

Smooth Scroll not working properly on mobile layout

I'm doing a site and in browser layout, smooth-scroll works perfectly but in mobile layout when I click in a link it doesn't leave me in the right place. Always much lower. Why? I have reviewed...

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...

Avada Wordpress wp_remote_get()

Hello All I am at a loss of what to do on our word press site it is saying wp_remote_get() failed. Some theme features may not work. Please contact your hosting provider and make sure...

Responsive Image Slide with <ul> and <li>

I have an image gallery with slide using <ul> and <li> with HTML and some CSS, but on mobile it isn't responsive (as you can see here, I am using a smartphone). The image gallery images pull and...

how to make touch slider responsive

I want to change my gallery into touch slider for mobile devices only. For achieving my goal , i create two sections, i for desktop and another for mobile.i am using display property on media...

Responsive Image Gallery - Grid issue with thumbnails

I found an example of a responsive image gallery and I want to implement it on my website: https://mobirise.com/bootstrap-gallery/#gallery1-0 I'm using Mobirise to create a gallery, but I don't...

Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click)?

Any responsive Vue.js carousel gallery plugin (with fancy-box like pop up upon click) ? Till now had almost no problem to find suitable vue.js plugins/components but now I did hit the wall, so I...

Carousel slider not displaying full content

I'm using lightslider to add a carousel to my page. The problem I'm having is that it's cutting off the content at the bottom, worse so when I scale in the browser to view it at a mobile size....

prevent slick slider to go backwards when autoplay is set to true and infinite is set to false

I have a slick slider with a navigation; slides are divided by decades (1935, 1940, etc) those are the options of the slider: this.slick_options = { infinite: false, speed: 300, autoplay:...

Owl Carousel having problem when window resizing

I have an owl carousel of images and then when I resize or just press f12, it will show little photos. My initialization is based on the button the user is clicking. For example, I have 5 buttons,...

Importing local css and js files from bootstrap theme to nuxt.js config

This is my first nuxt.js project and just purchased a boostrap theme to use along with my app so far. The issue is, I'm not really sure how to use this theme as I am more familiar with regular...

Guest checkout creates account even when not requested

When a guest user checks out, and he doesn’t choose to create an account, the account is created all the same. Besides this, when the user tries to “register” his account with the email he...

How do I get an array of divs with a specific class?

So I've been working on this web-project that demands a gallery with a slider underneath it. I've used this JavaScript so far to solve the problem in a forEach(element) function: var divnumber =...

How can wrap images with tiny-slider component in react?

I'm trying to implement the tiny-slider ("tiny-slider-react":"^0.4.0") component in react. When I try to wrap the image with a div and anchor the slider doesn't work (see code below). import...

Swiper.js Forced Reflow performance issues when responsive

A question about using swiper.js carousel/slider gallery. I'm getting bad performance issues with "forced reflow" when making the slider responsive. If the viewport is resized then the forced...

error when using slick slider on multiple elements

I'm trying to apply the Slick Slider plugin in my project. the plugin works ok when it's applied to just 1 element. but when I try to apply it to more than 1 element, it only works for the 1st...

How to add a onClick event to li tag in unordered list in ASP.Net

Masterpage.Master <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="Database_Project.MasterPage" %> <!DOCTYPE html> <html> <head...

slick-lightbox - Adding number navigation

I am trying to add number navigation into slick-lightbox, but I do not know how. Here is my code (HTML/PHP): <div class="main"> <?php if ($tags && !is_wp_error($tags)) : ?> ...

How to target last slick-active in slick slider with css or jQuery?

I have created slider using slick slider and i want to set slider like below image. Expected result For that i have to target last slick-active to set design like this. I have aslo tried...

JavaScript - Draggable Gallery Slider

I'm using a function from W3Schools as a starter point to make a draggable gallery slider (.slider-all-items in my code). Few lines have been removed from the original, to prevent dragging...

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...

Change menu titles from h2 to h3 (woocommerce / wordpress)

I just launched my store on wordpress and I ran into a problem: When I am on the home page of the site, all my product titles are in H2 and should be in h3 (SEO reasons), my recommendation...