Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 2, 2013 at 6:46 pm #28848
    dhruvcasper

    Hi,

    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.

    Regards

    September 3, 2013 at 2:12 am #138825
    Josue

    Hi,

    Here’s how i managed to do it, just tested locally and it works:

    Regards,

    Josue

    September 3, 2013 at 4:59 pm #138826
    dhruvcasper

    Thanks,

    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.

    regards

    September 3, 2013 at 5:06 pm #138827
    Yigit

    Hi,

    Margin-right: auto; and margin-left: auto; will center the image. and you can reduce the size by changing values in “width” and “height”

    Regards,

    Yigit

    September 3, 2013 at 5:16 pm #138828
    dhruvcasper

    Sorry,

    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.

    regards

    September 3, 2013 at 7:03 pm #138829
    dhruvcasper

    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 #138830
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,

    Josue

    September 3, 2013 at 7:28 pm #138831
    dhruvcasper

    Hi Joshua,

    build website is http://www.intefusion.com

    September 3, 2013 at 8:12 pm #138832
    Josue

    Hi,

    Try this:

    .ls-layer > div{

    left: 0;

    right: 0;

    margin: 0 auto;

    }

    Regards,

    Josue

    September 3, 2013 at 8:22 pm #138833
    dhruvcasper

    hi,

    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 #138834
    Josue

    Hi,

    Try adding it to the quick CSS or to the custom.css file.

    Regards,

    Josue

    September 3, 2013 at 9:10 pm #138835
    dhruvcasper

    Hi Josue,

    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 Regards

    September 3, 2013 at 9:42 pm #138836
    Yigit

    Hi,

    You can change slider width in Layer Slider settings.

    Make sure that you have unchecked “full-width slider”

    Regards,

    Yigit

    September 4, 2013 at 10:31 am #138837
    dhruvcasper

    Hi Yigit,

    Apology, i want to keep full width but reduce the height. so how do i keep full width but only change the height.

    regards

    September 4, 2013 at 10:42 am #138838
    Yigit

    Hi,

    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.

    Regards,

    Yigit

    September 4, 2013 at 11:42 am #138839
    dhruvcasper

    Thanks Yigit & Josue,

    Amazing support. will leave you in peace till i stumble upon next problem.

    Best Regards

    September 4, 2013 at 11:46 am #138840
    Yigit

    Hi,

    You’re welcome, glad we could help :)

    Regards,

    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Spin image on slider in Infinte loop’ is closed to new replies.