Discussion on LayerSlider Responsive jQuery Slider Plugin

1490 comments found

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 1-2 years
ganteungs Purchased

hello,

why the 3d feature is not working ?

KreaturaSupport

Hello,

There was an issue with the 3D transitions in the newest Chrome version. We have already fixed this problem in our latest release, so updating the plugin will solve this problem.

  • Has been a member for 0-1 years

Hey i have a problem with slider, how i can turn off those black lines on slider? http://polska2023.pl/

KreaturaSupport

Hello,

Those black lines are applied by your theme. Please contact your theme author with this case.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi there,

We’ve set up a few slides on a demo page here http://bit.ly/1nTwVyK, but we see a problem that the elements in each slide will appear at the very beginning of the slide for a second, then disappear and animate to show (ie. fade in).

I’ve downloaded the latest version 5.1.2 but that didn’t solve the problem.

Thanks!

KreaturaSupport

Hello,

We have included a fix for this in the latest version (5.2). Updating the plugin will most likely solve this problem.

Default-user

Hi, we have updated to 5.2 but that didn’t solve the problem, please refer to the same link above to see. Thanks

kreatura

As I can see in your main.css file there are several style settings which applies to the slide images:

img.ls-l, #slide_wrapper li > img, #slide_wrapper div.ls-slide > img {
   float: right;
   position: fixed;
   right: 0px;
   bottom: 0;
}

These style setting are overwriting the original styles which can cause issues like this.

  • Elite Author
  • Exclusive Author
  • Author had a Free File of the Month
  • Author had a File in a Mini Bundle
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 3-4 years
  • Referred between 200 and 499 users
+3 more

Hello guys,

is it possible to apply the 3D fix for chrome on older versions of the plugin? Could you give me instructions on how to fix it in v. 4.6.1

I am using the slider in my themes with custom built control panel and I wouldn’t update to the latest version as the control panel would need to be re-coded from scratch.

kreatura

Hello,

We are very sorry for the delayed reply. Yes, you can fix it by the following way:

You should search for the createCuboids function (in the uncompressed JS file) and you should move the prefix-less ‘transition’ style property to the last line, like this:

var createCuboids = function(c,a,w,h,tx,ty,tz,rx,ry){
                                    $('<div>').addClass(c).css({
                                        width: w,
                                        height: h,
                                        '-o-transform': 'translate3d('+tx+'px, '+ty+'px, '+tz+'px) rotateX('+rx+'deg) rotateY('+ry+'deg) rotateZ(0deg) scale3d(1, 1, 1)',
                                        '-ms-transform': 'translate3d('+tx+'px, '+ty+'px, '+tz+'px) rotateX('+rx+'deg) rotateY('+ry+'deg) rotateZ(0deg) scale3d(1, 1, 1)',
                                        '-moz-transform': 'translate3d('+tx+'px, '+ty+'px, '+tz+'px) rotateX('+rx+'deg) rotateY('+ry+'deg) rotateZ(0deg) scale3d(1, 1, 1)',
                                        '-webkit-transform': 'translate3d('+tx+'px, '+ty+'px, '+tz+'px) rotateX('+rx+'deg) rotateY('+ry+'deg) rotateZ(0deg) scale3d(1, 1, 1)',
                                        'transform': 'translate3d('+tx+'px, '+ty+'px, '+tz+'px) rotateX('+rx+'deg) rotateY('+ry+'deg) rotateZ(0deg) scale3d(1, 1, 1)'
                                    }).appendTo(a);
                                };
</div>
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi Kreatura, Layerslider is fantastic! Thanks for a such great work. I’m having a little bit of trouble with figuring this out. Perhaps you can help.

I have my slider set up, 9 different slides, I was wondering if there is a way to link to each of the slides, similar to an anchor. We have info on each slide about 9 different categories, I’ve been requested to add navigation to the top slider, with a nav bar up top.

I’ve been able to initiate the loading of a new slider, but only on refreshing the page with the Deeplink and name in the data-ls.

Can I do it on the same page in the same idea as an anchor?

Thanks for your time!

KreaturaSupport

Hello,

Thank you for your kind words.

You can link your layers to other slides by using a hash mark followed by the slide number where you want to navigate. Example: #3 (this will switch to the third slide).

Default-user

Well, thats just trouble, I want to be able to link to slides, but I want the link to exist outside of Layerslider.

I can get the link and deep link working, and my bandaid for this is just adding a psuedo navigation in the slider itself, But I want it to be outside, such as in a menu, an image map that will start the slider at the correct slide.

kreatura

If I understand well, the deeplink feature of LayerSlider is what you are talking about. Or you can create a custom navigation with using the LayerSlider API.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi, I’m using LayerSlider in a Wordpress project and put the php code in my design. I need 3 sliders on one location so i’m using jQuery tabs. The strange thing is that the slider won’t show any images one de second en third tab. The html is loaded, but it just won’t show up. As soon as I put the same Layerslider php code in the first tab, it runs perfectly.

Anyone familiar with this issue?

KreaturaSupport

Hello,

Could you please show us your site with the slider ?

Default-user
Hi, i’m working locally, but I put up a test version. http://www.webdesignersnederland.nl/blog/

Thanks for your time :)

KreaturaSupport

There are some restrictions in browsers when the slider is hidden under a tab and not visible on page load. Unfortunately it could cause issues like this. To solve this issue you need to call this Javascript code when the slider should be displayed: jQuery(window).resize(); This will redraw the slider contents.

  • Elite Author
  • Exclusive Author
  • Author had a Free File of the Month
  • Author had a File in a Mini Bundle
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 3-4 years
  • Referred between 200 and 499 users
+3 more

Any special reason only my question not answered? Authors buying (several) extended licenses not supported anymore?

kreatura

We are sorry for the delay, we replied to your original comment.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi Kreatura, your Layerslider is awesome. I hope you can help with my issue.

I need to create a fixed width slider and I have adjusted the width of the containers accordingly: <!- LayerSlider start ->

All background images are also 960×540. Trouble is, the navigation is not appearing at all. No navButtons left and right. How can I get these back in place?

Thanks.

Default-user
<div id="slider-wrapper" style="width:960px;"> <!-- LayerSlider start --> <div id="layerslider" style="width: 960px; height: 540px; max-width: 960px;"></code</div></div>
kreatura

Please show me your site with the slider.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hey Kreatura,

i use Layerslider in the NEVIA Theme. Thank you for that great work. But i have one little problem: Linking of the whole Layer dont works. I’ve tried the following code:

<section id="layerslider-container"> <div id="layerslider" style="width: 1020px; height: 450px; margin: 0 auto;"> <article class="ls-layer" style="slidedelay: 7000;"> <img src="content/templates/ffgeldersheim_v4/test.jpg" class="ls-bg" alt="" /> <h3 class="ls-s1 caption-transparent" style="top: 360px; left: 40px; slidedirection: bottom; slideoutdirection: top; durationin: 400; durationout: 1000; easingin: easeOutExpo; delayin: 1000;">Exampletext</h3> <a href="http://www.example.de" class="ls-link"></a> </article> </div> </section>

You can view the Site under: http://short4u.de/53f4e61863582

Thank you for your help!

Greetings from Germany Jo

KreaturaSupport

Hello,

There was an issue with slide linking in an old version of LayerSlider. Updating the plugin will likely solve this problem.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
Brfree Purchased

Hi I purchased the slider a few minutes ago with version 5.2 but 3D transition effects still not working. Any help appreciated. Thanks

KreaturaSupport

Hello,

Have you set up your background images as slide backgrounds ? The slider has to have slide backgrounds to be able to animate the slide transitions. But if you show us your site so we can take a look.

by
by
by
by
by
by