Discussion on LayerSlider Responsive jQuery Slider Plugin

1598 comments found

I am having a problem where the slider javascript is not working for some reason. The images are loading, stacked on top of each other. It seems to also occur on and off. Any ideas as to why?

See pic below: http://i.imgur.com/gXTFt1V.jpg?1
Default-user

So is there a scripting remedy to that at all?

kreatura

I believe you need to adjust the Content Security Policy on your site/server. You can find more information about CSP on https://developer.mozilla.org/en-US/docs/Web/Security/CSP

Default-user

Thanks for the info.

KennyE Purchased

Just purchased and implemented the layered slider. It works in FireFox and Chrome. Even on Android devices. But it does not work in IE8. It will load the backgrounds, but no other content. I used the “simple” sample and mostly cut and pasted, adding my own images/layers. Website is www.gearzonetactical.com. Would appreciate any assistance.

kreatura

Hi,

There are several resource files that cannot be loaded on your site. It seems you have multiple versions of the same JS and CSS files included with a different URL. Some works, others are pointing to a wrong URL.

However, I think the issue is with StumbleUpon’s loaded script that may cause a Javascript error in older versions of IE. Please try to temporarily remove other scripts and test the slider without them.

Default-user
KennyE Purchased

Thank you for the quick reply. I have removed the SU script. I also searched for other instances of jquery.js that may be in the site by default. I found one instance of jquery.min.js. I even substituted that call in the slider script. Works great in FF. Still no joy in IE. I’m not sure where else to look for conflicting jquery scripts.

I’ve also looked for multiple instances of the layered slider codes. I had been trying just about anything to get it to work and did, indeed, end up with multiple instances of the coding. That has all been removed and cleaned up. Yet still nothing in IE. Any chance you could look again? Maybe point me towards some other conflict with IE? Thanks.

kreatura

I sent a reply via Email, please check your inbox.

Hi, I am planning to buy your product. It is very good.
I have a question: Is it possible to parallax effect with a soft finish like on this page?

museodelsilencio.com

Thanks

Hola, estoy pensando en comprar su producto. Es muy bueno.
Tengo una pregunta: Es posible hacer el efecto paralax con un final más suave como en esta página?

museodelsilencio.com

Gracias

Default-user

I want to buy the wordpress version :)

KreaturaSupport

Hello,

Yes, you can achieve a similar effect with LayerSlider. Please check our demo site to see the parallax effect: http://kreaturamedia.com/layerslider-responsive-wordpress-slider-plugin/

Default-user

Thanks for your time. :) :)

Any way to list 5 last posts as sliders automatically making use of LayerSlider? I see that we can fetch, but i have to create manually. Any way to set a template or something taht fecth this data featured image as background, title and excerpt. Just a “auto”slider

KreaturaSupport

Hello,

You can set up the placeholders for each slide and filter the posts so the new ones will be displayed. Newest post on first slide, earlier on second etc. The slider will switch the posts when new ones are added to the filtered list.

pmycroft Purchased

Hi there,

Is it possible to have a line of text in a layer fade in from the left, swiping to reveal it? Thanks.

pmycroft
pmycroft Purchased

Hi there, thanks for the response. I don’t mean a touch gesture in “swiping” (sorry), I mean a reveal from left to right. I see there is an effect for a slide – effect #12 in documentation.html#slide-transitions – but can that be applied for a layer?

KreaturaSupport

Unfortunately the slide transitions are not available for layers. You can only use a simple fade effect on them.

pmycroft
pmycroft Purchased

That’s what I thought, thank you. Would be a nice addition though. ;)

Hello,

How can i make an image inside a link adapt to the slider container size? Images am using are bigger than the slider and they adapt fine if they are used as backgrounds with class=”ls-bg” but if I apply that class inside a link, the link won’t work. Thank you

KreaturaSupport

Hello,

Could you please show us your site with the slider ?

Default-user

Thanks for your prompt response, it’s not online, am still in development.. so am not sure yet whether i’ll use it or not. If it’s not possible, i’ll probably go with the cycle plugin because i only need the images (adapting to it’s container) cycling and being able to click it.

jarc100 Purchased

Im having and issue with the slider. I have two sliders on the home page of my site http://portal.e-tsw.com/ the first one is fine, except for a few little responsive details but the main issue is the second one which takes too long to display, i have set the preload to false but still waits until the load of the six images and then appear. What can i do to solve this? thanks.

kreatura

Hi,

The second slider has 0px height. It’s applied by the /_lib/backoffice/css/bo-home.css file with the .touch .dynamic-height-slider, .dynamic-height-slider selector.

In the documentation, it states that a full set of the initialization options would be detailed later in the guide however I can’t seem to locate them.

Can you point me to the documentation that shows all the various options with descriptions for each?

Thank you!

KreaturaSupport

Hello,

Which options are you looking for exactly ? Everything can be found in the menu on the left.

In the documentation, it states that a full set of the initialization options would be detailed later in the guide however I can’t seem to locate them.

Can you point me to the documentation that shows all the various options with descriptions for each?

Thank you!

KreaturaSupport

I have replied to your other comment.

Default-user

Options like the ones below. I pieced these together by going one by one through your demo code. However, I expected a page in the documentation with a full list of these options and an explanation of what it does and how to enable it.

skinsPath: '/store/jquery/layerslider/skins/',
               responsive: true,
               skin: 'borderlessdark3d',
               hoverPrevNext: true,
               pauseOnHover: false,
               navStartStop: true,
               hoverBottomNav: true,
               autoPlayVideos: false
KreaturaSupport

Yes, these options are listed in the documentation. They can be found in the ‘Quick start & Slider setup’ tab of the menu.

I got the YouTube video slider working however it shows an odd image underneath the “play” button. You can take a look at www.manosgifts.com to see. How can I change it to the defined slider background image or something different?

Thanks in advance!

Default-user

How do I specify a lower quality for the video? Also, do you offer a way to override the default image from the video?

KreaturaSupport

You can set a different quality with the youtubePreview attribute. The available values are listed in the documentation.

Default-user

I went into your CSS and changed ‘default’ to ‘hqdefault’ and now it works fine

I have an HTML website.

Would it be possible to make this as a full background for the site?

If so, how?

kreatura

Hi,

Yes, you can use the slider as your page background. Please note, fullscreen sliders only have partial responsive mode support and you won’t be able to precisely position your layers in this layout.

Default-user

Hi, I will purchase this tonight. I do not plan to use elements / layers – simply images. Can you provide doc on how I could make it a full page background?

KreaturaSupport

If you want a fullscreen slider, you need to set the width and height of the slider to 100%, and make sure to all of its parent elements has the proper dimensions. As stated before, please note the responsive mode will not work properly in this case.

ndamofli Purchased

I have a big image (3000px 1960px) that i want to put as an image layer (not background), but it doesn’t resize to fit the slider (fullscreen but the fullscreen option is turned off). Smaller pictures than the slider, resize properly, but with bigger i have problems. Can you help me?

KreaturaSupport

Hello,

Please show us your site with the slider so we can check it.

ska2html Purchased
Hi, Can you say me please what i do wrong. I have exp with js , html , css, and understand how to use Api , i make my own slide navigation using API cbAnimStop : function(data) { $(".etapsnav").find("li[dataid='" + data['curLayerIndex'] + "']").addClass("active").siblings().removeClass("active"); } It completly works but not in moment when slide change , just after animation and i see logic, cause i use event AnimStop, so it works correctly but i didnt see Event when it AnimStart. You can see this small duration in your demo on page http://kreaturamedia.com/layerslider-responsive-wordpress-slider-plugin/ When you click next button, bullet change only after load next slide and wait some time and only after active bullet changes. I want change active bullet just when i click next slide; Hope you understand me bro
Default-user
ska2html Purchased

yes , i am using latest version please check your demo, in short, your bullets change active class, only after some time from slide change (after animate slide) , can you fix that please?

KreaturaSupport

The bullets change when the slide transition is finished. We are sorry but there is no option to change this behaviour in the current version of the plugin.

Default-user
ska2html Purchased

Thankyou for answer.

rashidq Purchased

Hello Sir,

We have gone through your documentation but unfortunately unable to find a list of “Transitions Effect” for text and images anywhere in the document.

Can you assist us as soon as possible. Thanks

KreaturaSupport

Hello,

They can be found in the Layers section under the Layer transitions tab.

rashidq Purchased

Hello Sir,

We have gone through your documentation but unfortunately unable to find a list of “Transitions Effect” for text and images anywhere in the document.

Can you assist us as soon as possible. Thanks

KreaturaSupport

I have replied to your other comment.

fgro Purchased

Hello, is there any list which describes the different 200 layer-data options? it would be handsome if i know how to add which data option to the layer befotre trying all them seperately out.

thanks :)

KreaturaSupport

Hello,

I’m not exactly sure what do you mean by the 200 layer-data options but you can find everything in the documentation. There is a menu on the left side with information about the plugin and its settings.

Hi I’m having an issue when using 2 different slideshows in the same page in IE, there is no problem in Firefox or Chrome. The issue Im having is I have the first slider starting from the left and finishing over to the right, but it is only showing about 2/3rds of the way to the right in IE. It is almost like something is covering it up but there is nothing covering it up.

The more layer transitions added to the second slider the more it covers it up.

I have moved the second slider around the page and it does not seem to matter where it is this still happens.

If I remove the second slider no issue occurs

I have attached a screen shot to help describe the issue that can be found here

ebwebdesign.ca/slider.jpg

KreaturaSupport

Hello,

Please show us your site with the slider so we can check what’s wrong.

I am interested in buying this product, but i need to know if i can reload the slider with Ajax to add content, and return to the original HTML too.

If the question don’t make sense, let me know. My english is bad.

KreaturaSupport

Hello,

There is no option to add/change the slider content dynamically, but you can retieve the original markup with the “originalMarkup” API method.

by
by
by
by
by
by