September 2, 2013 at 6:46 pm #28848
I want to know how i can spin image in infinite loop on layer slider. Example link is http://jsfiddle.net/Tw5pw/89/
I want to place this spinning wheel in the center and put other content and callouts around it. I am using Enfold 2.01 theme.
thanks for help in advance.
RegardsSeptember 3, 2013 at 2:12 am #138825September 3, 2013 at 4:59 pm #138826
I tested it and worked. Thanks a ton :)
I have two other questions –
How do i make the image center, I mean in style option what should i put as value so that image remains center in any resolution size,
Secondly how do i reduce the size of the image of image. One option is by reducing while uploading but i want to control from the css.
regardsSeptember 3, 2013 at 5:06 pm #138827
Margin-right: auto; and margin-left: auto; will center the image. and you can reduce the size by changing values in “width” and “height”
YigitSeptember 3, 2013 at 5:16 pm #138828
I checked the above code in IE10 its not working. i mean spinning of wheel.
Also using the below code for center is not aligning center. its on the left side still.
regardsSeptember 3, 2013 at 7:03 pm #138829
I got to work in IE and Opera – New code is http://jsfiddle.net/Tw5pw/94/
Even sizing worked
only thing is center alignment. That is not happening. please advice.September 3, 2013 at 7:14 pm #138830September 3, 2013 at 7:28 pm #138831September 3, 2013 at 8:12 pm #138832September 3, 2013 at 8:22 pm #138833
where should i add this code. in style section under custom style? Adding in custom style it did not work.September 3, 2013 at 8:53 pm #138834September 3, 2013 at 9:10 pm #138835
It worked adding both the places. It did not work adding in the custom CSS of layerslider. Now i guess i can use the padding and alignments to other layers and it will be full responsive to all screen sizes.
For test i have added left and right text box and it worked(<p style=”text-align: right; padding-left: 50px;”>test</p>). Thanks a ton.
Last thing and i am sure this is total noob. How do i reduce the width of the slider. i am using full width mode.
Best RegardsSeptember 3, 2013 at 9:42 pm #138836
You can change slider width in Layer Slider settings.
Make sure that you have unchecked “full-width slider”
YigitSeptember 4, 2013 at 10:31 am #138837
Apology, i want to keep full width but reduce the height. so how do i keep full width but only change the height.
regardsSeptember 4, 2013 at 10:42 am #138838
Right under “Slider width” there is “Slider height”, you can enter desired height in there. Please make sure checked “Full-width slider” and “Slider width” is empty.
YigitSeptember 4, 2013 at 11:42 am #138839
Thanks Yigit & Josue,
Amazing support. will leave you in peace till i stumble upon next problem.
Best RegardsSeptember 4, 2013 at 11:46 am #138840
The topic ‘Spin image on slider in Infinte loop’ is closed to new replies.