-
Posts
-
This is a technical question, a design issue and possibly a feature request.
Please reference this page –
http://www.prismcareernetworks.com/prism_wordpress/candidates/First, the technical question. Is there any way to have a “play” button similar to a video so that the user can start the slider? If you look at my design the intent is for them to read the text at the top, then scroll down to view the slider. Although I out a twenty second delay on the slider, everyone reads at a different pace, so when they take a little longer the slider has already started. If there isn’t the ability to have a start button, is there any other design feature that could be inserted to start the slider when a button is pressed?
The design issue is, being new to Enfold and “flat design” I’m not sure if it’s possible in general, but I don’t want content to appear until the viewer is at that point. I LOVE the features of the LayerSlider in making content more dynamic and holding the viewer’s interest, but endless loops don’t solve the problem. To me, there always has to be a logical progression of the content of the slider. Throughout my many years of building websites they have always been menu and resulting page driven. If the LayerSlider were on a different page, then it would be easy to have a link on the previous page, but this flies in the face of “flat design”.
Hi Gary!
Here are some suggestions
1) Yes it’s possible to add a custom element on top of the slider, though this needs some custom coding :) I’ll give you a hint of what needs to be done.
1.1 ) You add your custom theme ( for layer slider ), check layer slider settings > slider appereance after you add the proper elemnents / theme. ( coding ).
1.2) You will need to set up a custom graphic on top of the slider and use the callbacks ( layer slider ) event callbacks. When the slider starts / page loads it needs to pause the slider.
1.3) When the user clicks the custom play button, you will need to listen for the click and start the slider.2) Right now Enfold provides fade in / effects on some elements ( see demo home page ), like images and icons, this might help you on some slide/fade effects or you can design your way around this features.
Best regards,
DavidWe may be on to something that will make the LayerSlider much better. I have been emailing back and forth with George as well because he states “you can have as many LayerSliders as you want on the same page”. I then asked him if he intended to have all the sliders start at the same time then? He suggested I make the first slider autoplay and the rest turn that off. Still not what I wanted.
Okay, so if you login and go to the CANDIDATE-header slider and then go to Slide 7. Oh, and I solved part of the problem playing the video you see. I was using a convertor and selected PC MPEG-4, which for whatever reason doesn’t work. I then converted it again, selecting a different format (Samsung Galaxy I think) and it was fine; however, as you can see, the video is there on the slide layer and shows in the window above, but it won’t play when I run the page. I am also having trouble getting the position correct. I am now thinking that my full-width slider setting isn’t working either because you see only the left slider control and not the right. I think I have created my slide too big. Do you know what I mean? What size should a full width slider be based on when you design the slides?
So, assuming we can get video working, I am thinking the first slide would have a video layer with “controls”. This would then show the big “play” button in the middle. When viewers click this play button the slider would then start, which is what I want and I think others would want as well. Using the first layer as a video would then allow for other layers to come in on that slide. For me it would be something like letters flying in, “Get ready for your voyage of discovery!” then the rest of the slides would run.
Does that make any sense?
Hey!
Not sure if its clear but we aren’t the developers for LayerSlider and have absolutely no influence on features being added to it.
The size of any slide inside would be generally the largest possible size since the site is responsive and if its full width will always just be “full width” without a specific pixel size.
Regards,
DevinYes, I understand that you are not the developer of LayerSlider and I have been in touch with George on several issues. The reason I asked you in this case was your own use of the slider on your demo. I agree that it is “full-width” but in designing the slides there must be a pixel width so that the control arrows appear properly. I can only assume that my slides are too wide because the right arrow does not appear. That was my question.
Hey!
It is weird that the right arrow position is incorrect. Please add this on Quick CSS or custom.css to reposition the next arrow:
#top .avia-layerslider .ls-nav-next { right: 180px; }Regards,
Ismael
- The topic ‘LayerSlider issues’ is closed to new replies.