issue with jquery.carouFredSel responsive slider - javascript

Pls check this link, http://provenwebconcepts.nl/VE/
This site is responsive, but slider is not responsive, if you resize browser screen, you can see the issue, after refreshing the page, it becomes okay for that particular screen.
I have applied it from this site, http://coolcarousels.frebsite.nl/c/2/
So can anyone help me to make this slider responsive?
or if you can provide any reference link of responsive slider with similar functionality, that would be great.
Thanks in Advance !!!

Related

Slick not loading picture

https://jonathanrace77.github.io/
In the portfolio section there is a "sync" version of the slick carousel. (The top carousel should show what is selected in the bottom).
However, on a fresh load of the page, the top carousel shows nothing. It is only after the page is refreshed (not hard refreshed), that the picture shows.
Can anyone help me understand what is happening here?
The slider div img did not like width:auto.
Setting this as px or vw (in my case) solved the problem.

Slick Slider photos disappearing when clicked, but only after clicking next button

I've been trying to implement the slick slider carousel onto my website however I'm having an issue with the logos within the carousel.
Below is an image of the slider. I currently have the carousel set up how I would like, but whenever I click on one of the logo images after having used the navigation arrows, that specific logo and all the ones after it disappear. I'm not sure where I need to look to fix this problem I've been searching and testing codes for quite some time, but I'm not quite sure which code is the one the should be looked at, if anyone can let me know I'll gladly upload it for more assistance. Any and all help is greatly appreciated!
Thank you!
Carousel Slider Before
Carousel Slider After
Thank you!! I figured it out, I had to change the Accessibility function under JavaScript from True to False.. GAHHH so much time spent feels great to get it!!

Menu closes when you scroll down on mobile device

I am currently trying to make the new website for my school but I am having some problems with the responsive menu. Basically when I open the menu on a mobile device some of the links do not appear on the page as there are too many. When I try to scroll down through the list of links the menu just closes. I don't know what to do to solve the problem cos I've got no idea what's even causing it. Please help!
Any ideas?
You can see the page here
First Change the script order in your website. Jquery should be at top of all the remaining scripts. In your website it's different. See the below image.
and at the same time you are using ksmenu.js twice.
And for the issue you are asking is there is a script to hide menu on resize. Please see the below image.

Javascript and Cropping Text. Small

I have a little problem with my website. As you can see on this page part of the accordion content doesn't resize even though it should be responsive. The headlines do resize.
Could you please have a look at my page and the source code and help me figure out the error?

Responsive slider with full screen background

I've been trying to make a slider with full screen background in all resolutions.
here is the example:
http://www.ssplab.com/clients/Polimeks/index.html
I'm using RoyalSlider. But it just doesn't work fine and how i expected.
I looked to SuperSized slider. But it just slides through the images, i need the content too.
i searched full-screen slider with content before some day for my project, and i succeed using below link's example:-
http://nicinabox.github.com/superslides/#5
Hope it will be usefull for you....
You can buy this Fullscreen Image Gallery: http://www.codegrape.com/item/jquery-fullscreen-image-gallery-v2/1439

Categories

Resources