I built a layerslider as popup for the homepage of a website.
What I don't like so far, is, that the load of the layerslider takes quiet a while, because it's quiet long and packed with pictures. Meanwhile the original page is already visible before the popup appears.
Is there any possibility, to hide the original page until the layerslider pops up? I could cover the side with an overlay, but I don't have any idea, how to remove it simultaneously when the popup start's to work. I tried as well some Loading-Screen-Popups, but they don't work as expected, it takes too long as well until they are showing their overlay. Do you have any hint or solution for me?
The other point is, that I would like to offer the visitors a button, where they could start the layerslider whenever they want to. In the Topbar (right corner) I already provided a link, targeting actually to the entire homepage.But thats not, what I want, I would like to have a link directly to the layerslider-popup. Is this possible?
You could try to use the Include scripts in the footer and Conditional script loading settings to increase your site’s performance by loading resources only when necessary and/or including them in the footer for better load time. These options are located in the Advanced settings section. Further you could also check if you have the Slider markup caching enabled in the Advanced settings, it can greatly increase the plugin performance. And if you are not using any cache plugin/solution on your installation it's also recommended to implement one for better performance.
Regarding the popup trigger. You can find the option to open a popup with a button (target element) in the Slider Settings -> Popup tab, it's called Open by click. For example if you want to trigger it with a button (layer) inside the slider, you will need to enter the following line to the Open By Click field: #example And then set an ID in the Link & Attributes tab, for the same button (layer) with the same name, so id="example" The trigger button can also be any element on your site. You need to apply the same method in this case. Set an ID or class for that button and enter the same ID/class to the Open By Click field.
What I would need is a possibility to open the pop-up via javascript.
I tried (found that somewhere in your documentation):
jQuery('#layerslider_10').layerSlider('start');
but it doesn't seem to work. How would the correct javascript-syntax be to start the popup-slider?
Modification:
I found a solution to trigger the click-event via jquery. That works and starts the popup-slider. But to be honest: I would prefer a solution opening it via javascript without first having to set an open-by-click-button and second trigger this button via javascript.
But I found something, hopefully a bug, what doesn't work as ist should with the popup-feature (I totally disabled my own javascript to avoid errors from there):
To resume: my slider is configured as popup, the popup-option "Reset on close" is set to enabled. Further on I use the popup-modal-option "Show close button". Either I click on the Close-Button or the Open-by-click-button to close the slider, it will not reset, the slider starts on a new click at the open-by-click-button at the slide running when I previously closed it. Any improvements for that?
Please see my other post regarding popup-bugs where I mentioned, that the slider doesn't show up on mobile devices but the overlay still does.
Regarding the initial loading time. Have you tried to use the 'Open automatically after' setting ? If you enter a very small value to this field, the slider should immediately appear once the site has been loaded (the slider initializes right after document ready). In case you tried this and it was still slow, then most likely your site is loading a lot of stuff and there is considerable time until document ready.
The reset only applies to the actual slide and not to the whole slider. So in case you have 4 slides and the slideshow was on the 2nd one when you closed it, it will only restart the second slide when reopened. This is how it should work currently. We might add an option to reset the whole slider in future releases but it's not possible yet.
yes, sure, I tried all options to improve loading speed. You might be right, the entire pagesize is quiet big and I helped myself with a selfstyled overlay using ImagesLoaded to hide the normal page until everything is loaded.
But:
when Kreature Media offers this popup-slider, which is the perfect solution for a website-intro to introduce anything regarding the company, there should be a far better implementation of a loading screen. For me it seems, that your developers stopped half way realizing this feature. Not that I want to complain too much, I really love layerslider, but even the actual implemented loading behaviour is quiet simple and not working good. Just try to throttle the connection-speed to a lower speed, and you will see, that the layerslider container appears (without any content!!!) far before all content of the sliders is loaded and, even worth, a spinner appears, which leaves me back without any words. It is so bad, that even 20 years ago there have been nicer gif's for that. Why offering customers a high quality end-product with such terrible implementations?
Now speaking about popup-behaviour:
who has this opinion, that resuming a popup-slider at it's last state is the behaviour how it should work??? It can make sense, but it can destroy as well the whole message of the storyboard a slider is based on. I really hope, that you implement a regarding option to reset a popup-sliders-state as very, very fast as possible.
Meanwhile I would appreciate, if your developers could provide a fix for me, because my whole work the last days and weeks get's a kind of senseless if my visitors didn't get the whole story whenever they want to see the slider. I guess this is not a big thing for your developers but it is for me, if I should have to investigate the plugins-code myself. Thank you very much for that.
Hello,
I built a layerslider as popup for the homepage of a website.
What I don't like so far, is, that the load of the layerslider takes quiet a while, because it's quiet long and packed with pictures. Meanwhile the original page is already visible before the popup appears.
Is there any possibility, to hide the original page until the layerslider pops up? I could cover the side with an overlay, but I don't have any idea, how to remove it simultaneously when the popup start's to work.
I tried as well some Loading-Screen-Popups, but they don't work as expected, it takes too long as well until they are showing their overlay. Do you have any hint or solution for me?
The other point is, that I would like to offer the visitors a button, where they could start the layerslider whenever they want to. In the Topbar (right corner) I already provided a link, targeting actually to the entire homepage.But thats not, what I want, I would like to have a link directly to the layerslider-popup. Is this possible?
Thank you in advance and regards,
Joe Lipps
Hey Joe Lipps,
You could try to use the Include scripts in the footer and Conditional script loading settings to increase your site’s performance by loading resources only when necessary and/or including them in the footer for better load time. These options are located in the Advanced settings section.
Further you could also check if you have the Slider markup caching enabled in the Advanced settings, it can greatly increase the plugin performance. And if you are not using any cache plugin/solution on your installation it's also recommended to implement one for better performance.
Regarding the popup trigger. You can find the option to open a popup with a button (target element) in the Slider Settings -> Popup tab, it's called Open by click.
For example if you want to trigger it with a button (layer) inside the slider, you will need to enter the following line to the Open By Click field: #example
And then set an ID in the Link & Attributes tab, for the same button (layer) with the same name, so id="example"
The trigger button can also be any element on your site. You need to apply the same method in this case. Set an ID or class for that button and enter the same ID/class to the Open By Click field.
Thank you for the reply, Attila.
What I would need is a possibility to open the pop-up via javascript.
I tried (found that somewhere in your documentation):
jQuery('#layerslider_10').layerSlider('start');
but it doesn't seem to work. How would the correct javascript-syntax be to start the popup-slider?
Modification:
I found a solution to trigger the click-event via jquery. That works and starts the popup-slider. But to be honest: I would prefer a solution opening it via javascript without first having to set an open-by-click-button and second trigger this button via javascript.
But I found something, hopefully a bug, what doesn't work as ist should with the popup-feature (I totally disabled my own javascript to avoid errors from there):
To resume: my slider is configured as popup, the popup-option "Reset on close" is set to enabled. Further on I use the popup-modal-option "Show close button".
Either I click on the Close-Button or the Open-by-click-button to close the slider, it will not reset, the slider starts on a new click at the open-by-click-button at the slide running when I previously closed it. Any improvements for that?
Please see my other post regarding popup-bugs where I mentioned, that the slider doesn't show up on mobile devices but the overlay still does.
Regarding the initial loading time. Have you tried to use the 'Open automatically after' setting ? If you enter a very small value to this field, the slider should immediately appear once the site has been loaded (the slider initializes right after document ready). In case you tried this and it was still slow, then most likely your site is loading a lot of stuff and there is considerable time until document ready.
The reset only applies to the actual slide and not to the whole slider. So in case you have 4 slides and the slideshow was on the 2nd one when you closed it, it will only restart the second slide when reopened. This is how it should work currently. We might add an option to reset the whole slider in future releases but it's not possible yet.
Hi Attila,
yes, sure, I tried all options to improve loading speed. You might be right, the entire pagesize is quiet big and I helped myself with a selfstyled overlay using ImagesLoaded to hide the normal page until everything is loaded.
But:
when Kreature Media offers this popup-slider, which is the perfect solution for a website-intro to introduce anything regarding the company, there should be a far better implementation of a loading screen. For me it seems, that your developers stopped half way realizing this feature. Not that I want to complain too much, I really love layerslider, but even the actual implemented loading behaviour is quiet simple and not working good. Just try to throttle the connection-speed to a lower speed, and you will see, that the layerslider container appears (without any content!!!) far before all content of the sliders is loaded and, even worth, a spinner appears, which leaves me back without any words. It is so bad, that even 20 years ago there have been nicer gif's for that. Why offering customers a high quality end-product with such terrible implementations?
Now speaking about popup-behaviour:
who has this opinion, that resuming a popup-slider at it's last state is the behaviour how it should work??? It can make sense, but it can destroy as well the whole message of the storyboard a slider is based on. I really hope, that you implement a regarding option to reset a popup-sliders-state as very, very fast as possible.
Meanwhile I would appreciate, if your developers could provide a fix for me, because my whole work the last days and weeks get's a kind of senseless if my visitors didn't get the whole story whenever they want to see the slider. I guess this is not a big thing for your developers but it is for me, if I should have to investigate the plugins-code myself. Thank you very much for that.
Regards, Joe
Thank you for your thaugths and feedback, we will consider them for future updates.
The fix for the mobile popup issue is coming with the next release. Unfortunately I cannot provide you with an exact release date for it yet.