window resize make visual carousel bug - javascript

I use slick.js for a project. Slider works perfect but I have a little visual bug when I resize the window with mouse, I see next slider for few seconds. The active image need some seconds to get width: 100%.
For few seconds the second slider is visibile. How can I fix this? If I drag the window very fast I can see all sliders. Here is an image.
Here is a live exemple. Make window smaller and after resize with mouse the window.

Related

revolution slider (vertical slider) on window scroll doesn't work

hi I have a slider in revolution slider that is vertical slider and I want it work like usual page and when users scroll the page it change slides but it only changes slides when the mouse is in the slider area. And with window scrollbar doesn't do anything and stops. how can I do this? maybe some javascript code is needed or what?
I tried the scroll options in revolution slider(window,body,both) but it doesn't change

Image Accordion controlled by scroll

I need to create an image accordion where it will be controlled by page scroll, like when you scroll your page and the accordion start it start to open and close horizontally while you still 'scrolling down' the page, after all, images open it continues to scroll vertically the page.
on the image you can see like when you scroll down the images should open one by one until finish.
If anyone has a solution for that and could share. Thanks!
The accordion should look like this
You can play around with slick.js https://kenwheeler.github.io/slick/ it's open source and has custom events. Here is working codepen demo: https://codepen.io/webisora/pen/EwQoMR

WP Metaslider onclick enlarge image same screen

so I'm using WP metaslider for a slideshow/gallery display. Everything works great with it, except instead of clicking on the image in the slider and opening its original size in a new window, I would prefer to click on the image in the slider and it enlarging within the slide, similar to the accordion gallery styles, but I want the image clicked on to get larger and the other images to remain the same size or get smaller.
I've tried CSS and javascript shown here but it did not work.
I am open to other plugins that may give me a closer result than this, but the accordion plugin here is the next closet but I still want to be able to see all of the images without them being cut off.
http://kerimthedj.com/new/photos

div not resizing after toggle another div

I have this weird issue with a div1 (let's call it div1) not resizing after using a toggle jquery event to hide another div2 (let's call it div2), unless I resize the windows manually thin gis with just 1 px a manually resize it automatically reasize as supose, above here are some images to understand me better:
this the normal view
here is when I trigger the button to toogle dav little calendar over there (you notice that white space over there? its the size of the div I hide but in the other side.. weird aah?
and here when I resize manually
now the code it's a little to large to post it here or fiddle for what that matters but, all thes is with the library dhtmlxscheduler over here and an used with of this code may be found here

Scroll wheel doesn't always scroll page

I've recently implemented flexslider for a full screen slideshow effect.
www.ianandtaylor.com
I had to implement some hackarounds to get vertical scrolling for flexslider slide content, however the scroll wheel doesn't appear to always work when I attempt to scroll. Touch and keyboard scrolling seem just fine, but the scroll wheel is very inconsistent. Sometimes, if I go into my inspection tool and flip some CSS rule on or off for the slide element, the scrolling starts working fine (not sure why).
Ultimately, I just want to have a simple, easy scroll working on the Engagement Photos and Location & Event details slides.
Any help here would be most appreciated.
As i understand it, you want it to slide vertical when you scroll.
That can give some complications with the gallery you have, so when you
scroll it will either stop sliding when you reach the gallery or it will
just continue and disable the scrolling through gallery.

Categories

Resources