CodeCanyon

LayerSlider Responsive WordPress Slider Plugin

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
modkid Purchased

So far im pretty impressed with the plugin,

some features for the next version?

- Save and load slides to a file. - Fade the background - Have the background appear instantly, without sliding or fading

kreatura

Hello,

Nice ideas.

- SAVE / LOAD settings / slide – maybe we will add this feature but you will have to copy all the images yourself. - FADING BACKGROUND – you can do it now if you create a sublayer as a background (you have to use delays of course). - HAVE THE BACKGROUND APPEAR INSTANTLY – that isn’t possible in this slider

Regards

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

Great Plugin!

kreatura

Thank you! :)

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

When I try adding an image, it simply doesn’t show up. I tried both using a layer “background” as well as a new sublayer, and neither one works. The field stays empty, and nothing shows up in the WYSIWYG window.

EDIT I found out that the image must be linked to itself with an href

kreatura

Hello,

It’s maybe a wordpress bug. Please, try to create another admin user and try it with that new user. If it doesn’t work, please send us an email with you wp-admin access and we will check it.

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

I have one more question. I would like to use the ‘darkskin’ arrows but it adds 10px to each side.

I don’t mind simply ‘chopping’ off these extra edges using CSS in the “sliderstyle” option, since I would still be able to use the arrows, and would not require making a new skin.

What would be the CSS method to do this?

Or would it be easy enough to just make a skin with only 2 arrows?

Thanks for the help, and the nice plugin

kreatura

Hello,

remove the following line from the darkskin/skin.css:

line 6:

padding: 5px;

change the line 94 and 95 to:

left: 0px;

right: 0px;

Default-user

Perfect, thanks! You can see the finished product here http://www.hardcoreware.net/

kreatura

Nice!

  • Bought between 10 and 49 items
  • Canada
  • Has been a member for 4-5 years
amlife Purchased

Hi

I embedded a video into my slider, how can I get LayerSlider realize that that that video is getting played and not to switch to the next slide until the video is finished.

This is very important it! Please help!

Thank you

kreatura

Hello,

You can add a click function with layerslider API to the video sublayer which stops layerslider. To do this, you have to add an id to the video sublayer, and then write this code to cbInit:

function(){
    jQuery('#id').click(function(){
        jQuery('#layerslider_1').layerSlider('stop');
    });
}
Default-user
amlife Purchased

Thank you

I know this might sound silly, but how can I add an id to the video sublayer?

In my sublayer, I’m using youtube embed code for example <iframe width="1000" height="538" src="http://www.youtube.com/embed/6QWbG9zysys?rel=0" frameborder="0" allowfullscreen></iframe>
kreatura

Try this:

<iframe id="idwhatyouwant" width="1000" height="538" src="http://www.youtube.com/embed/6QWbG9zysys?rel=0" frameborder="0" allowfullscreen></iframe>
Default-user
amlife Purchased

No luck! I have a single slider with called “LayerSlider #1” well that’s the default name i guess and I have the jQuery function code in cbInit

function(){ jQuery(’#1’).click(function(){ jQuery(’#layerslider_1’).layerSlider(‘stop’); }); }

and my sublayer code is

<iframe id=1 width=”1000” height=”538” src=”http://www.youtube.com/embed/6QWbG9zysys?rel=0” frameborder=”0” allowfullscreen></iframe>

any other ideas?

Thank you

kreatura

An id cannot start with number and you forgot the apostrophes.

<iframe id="sublayer1" width=”1000” height=”538” src=”http://www.youtube.com/embed/6QWbG9zysys?rel=0” frameborder=”0” allowfullscreen></iframe>

and:

function(){ jQuery(’#sublayer1’).click(function(){ jQuery(’#layerslider_1’).layerSlider(‘stop’); }); }
Default-user
amlife Purchased

uh! I’m sorry but it’s not working for me! I’m getting some error messages, is it possible for you to log in and take a look?

I can email you my wordpress access.

Thank you

kreatura

Yes of course. Please create a wp-admin access for us, send it via email from this page (see the bottom box at the right side) and we will try to solve this problem.

Default-user
amlife Purchased

any luck? I have sent you access to my wordpress via contact form! not sure if you got the chance to look into it?

Please let me know!

Thank you

kreatura

Hello,

I’m sorry but we couldn’t make it working. We will add features like autoplay / pause at youtube and vimeo videos in the 2.0 version of the script.

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

Hello, can you please tell me how can i use this plugin to make a main page fullscreen like the masterbeat.com I am using this theme http://themeforest.net/item/studio-zen-fullscreen-portfolio-wordpress-theme/641705. Thanks in advance.

kreatura

Hello,

Masterbeat.com is not a WordPress page. They are using the LayerSlider script, so the have more freedom to modify the html code of their site.

I don’t really know this theme, but if you have a demo site with a wp-admin access which you can send us via email, we will try to help you.

Regards

Default-user
gplgr Purchased

i responded with an email. Waiting for you answer. Thanks!

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

Hi there,

I bought this plugin a couple of days ago and when I go beyond creating 3 layers, the slide show keeps getting very buggy and images from other layers appear in layers they are not meant to.

I’ve tried many different things, but with no luck. Any suggestions?

Thanks

kreatura

Hello,

Please create a wp-admin access for us, send it via email from this page (see the bottom box at the right side) and we will try to solve this problem.

Default-user

Hi,

I have tried contacting you via the method suggestion without any luck. Is there another method I can contact you by – an email address for example.

Thanks, Ben

kreatura

We replied via email, the answer was:

“Hello,

In LayerSlider#2 you are using the images as background of the whole layers and not as sublayers. I think this is the problem or am I wrong?”

Default-user

I emailed you twice using that method, but you didn’t respond.

No, I don’t think that is the case as I have tried it on LayerSlider#1 which don’t have backgrounds and some of the sublayer images are present in other layers.

Not great.

Ben

kreatura

Give me an example, please, because I didn’t see any unusual.

Default-user

if you can send me an email address I can send you screen shots. please send it to the email address i sent to you via your web page email box.

when i add a third layer, some of the images get cut off and appear in other layers. you need to add a third layer for this to occur.

or just look at the sliderlayer #2 – it does it all the time in that one.

kreatura

I tried it again: logged in to your wp-admin, selected slider #2, removed the the third and fourth layer and I added two new layers – and nothing happened. For me, everything is working fine. I created two layers and the first two layers remained the same.

Please send me screenshots, because I cannot see any problems here. contact [at] kreaturamedia [dot] com

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

when i click to go to a previous slide, it plays the layer transition in reverse. can i prevent this?

kreatura

Hi,

You can do this only with sublayers. The layer will animating reverse, but the sublayers inside the layer can have any directions. For example, if you set both slideDirection and slideOutDirection to left on a sublayer, it will animate in from left and animate out to left. In this case you might need to add a delayOut time to the parent Layer.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi, I like this. But can I easy remove the frame, arrows and slidebuttons? I would like a cleaner look. Also is it possible to add two slideshows on the same page? Thanks.

kreatura

Hi,

Yes and yes :)

  • Has been a member for 1-2 years

Hi there,

first of all: kewl product. Iam almost ready to buy it – but ill just have a question to make my decision: Is it or is it not possible to use the slider now as fullscreen like masterbeat.com did? I know its not an wordpress installation, but in generell is it possible for wp?

kreatura

Hello,

If you are good in html / css and your theme is well configurable / editable, then you can maybe use LayerSlider in almost fullscreen mode. But with the single js (without WordPress) it is more easy to do that.

Of course you can easily add percentage value to witdh in WordPress, but I think that the other HTML modifications in WP are not so easy.

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years

Hello,

can the plugin be used to develop an animated page / body BACKGROUND in WP?

Regards, Harry

kreatura

Hi,

In WordPress – I think no.

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

Thanks for such an amazing plugin! Nice work!!!

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

Does the plugin support php in the layers? I would love to be able to show the latest few wordpress posts.

kreatura

I’m sorry, but in current version you cannot put PHP code into sublayers.

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years

I really like the look and feel of your slider but I see the description says it is responsive. I’m looking at it but don’t see it behaving responsive for mobile devices. It isn’t scaling as other responsive sliders. Need to see that it is before I purchase. Thank you.

kreatura

Hello,

It is responsive:

You can add width to % and you can also use percentage values of left and top properties of sublayers but LayerSlider will NOT resize sublayers.

pcgs51

I’m asking this for clarification. I watched the YouTube video.

LayerSlider on the demo page is not set up with a percentage and that is why I cannot see the responsive aspect but if it were set to !00% in a fluid layout page it would scale. Yes?

However, even if the slider were set to a percentage in a responsive layout and the slider outer dimensions scale still the layers inside will not? Doesn’t sound really responsive in the sense that most of us would be looking for. I really like it but I want to be happy with LayerSliders’ behaviors.

If I am mistaken I would hope you would create a demo page where we can see how this really works. Thanks.

kreatura

The problem is, that LayerSlider works with ALL html elements as sublayers (not only images) so we couldn’t resize many of html elements. With only images maybe we could do this and maybe we will add this feature in a future update.

At this time LayerSlider can change its width (and height, but this is really difficult in wordpress version because you are limited by the WP theme), and you can add percentage values of left and top properties of sublayers.

In normal (non-worpress) version of the script you can also add percentage values to width and height of sublayers (see the example below). So I think with the normal version maybe you could create a totally responsive LayerSlider. But even in this case LayerSlider won’t resize for example a font-size in a paragraph, etc…

But WordPress has many limitations, I think that we couldn’t break the limits of WordPress themes.

Otherwise, there is a responsive example here, with the non-wordpress version of the script, you can see it is not so hard to create it if you look at the html code:

http://kreaturamedia.com/layerslider/responsive.php

We will try to add more options to have a really responsive slider (for example the percentage values of width and height of sublayers in the wordpress version).

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

I cannot get the LayerSlider to work. I’ve tried using it as a widget. I also tried a shortcode to display a LayerSlider widget in any page or post and I even tried inserting the LayerSlider into my Theme. I’m using the Parallax Theme. http://medialoot.com/item/parallax-free-wordpress-theme/ Help please. Thank you.

kreatura

Hi,

Please create a wp-admin access for us, send it via email from this page (see the bottom box at the right side) and we will try to solve this problem.

  • Bought between 50 and 99 items
  • Has been a member for 2-3 years
  • Sweden

Hi

Do this slider work with membership plugin “Magicmember”

Br

Hans

kreatura

Hello,

I don’t know anything about this plugin, can you give me some more information?

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

Hi

This is one superb plugin, just a couple of issues, when i add a layer , the image is being repeated …. is this normal ?

the animations also seem to be inconsistant. I am using the headway theme

kreatura

Hi,

It is because you added only ONE layer. If you add one more, it will work normal :) How do you mean “inconsistent” ? :)

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

Hello, I have bought this web insole and I would like to know if his plunins is compatible with her since I am looking for something as his to adapt it to my web … It would be able say to me if it is compatible!!! Thank you and a greeting, I wait for his response to buy or not his plunins.

http://themeforest.net/item/flare-responsive-business-portfolio-wp-theme/1969512
kreatura

Hello,

I think you can use LayerSlider with this theme, but I’m afraid that it wont be responsive as the theme is. I don’t know anything about this theme, so I’m afraid that I cannot help you, sorry.

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

i am a bit confused on the settings. We are attempting to have the the animation start immediately (on page load) and repeat every 9 seconds. We have a total of 6 layers, including the main layer. The 6 layers create only one screen that would be repeated.

Tips?

kreatura

Hi,

LayerSlider starts with the first layer and wait for its slideDelay (after that it will begin to animate).

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 1-2 years
  • United States
ccrest Purchased

love the pluging so far.

Any plans to put in a layer with sublayers preview?

kreatura

Hello,

Do you mean thumbnails instead of spots? :)

by
by
by
by
by