Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #20081

    Hello,

    I am using the ken burns effect on my homepage and I was wondering why the pause button doesn’t stopped when pressed. Once the pause button is pressed, the image continue scrolling until the end of the duration time.

    Is it possible to make a pause on the image when I want it and keep the still image without any motions,

    Thank you very much.

    Elodie.

    #106231

    Hey!

    I am sorry, thats currently not possible with the script we are using in Velvet. I am planing to create a new KenBurns slider myself in the future but for now the slider requires the image to end the transition before stopping.

    Sorry for that…

    #106232

    Well thank you. What a pity.

    I think it will be less confusing for my visitors if I erase and unactive the pause/play button.

    How can I do that?

    Thank you.

    Elodie

    #106233

    Hi,

    You can add this on your custom.css or Quick CSS.

    .arrowslidecontrolls {
    display: none;
    }

    Regards,

    Ismael

    #106234

    Hello Ismael,

    Thank you but since it didn’t work, I erased the image via FTP.

    My last concern is about the hand that still show up with the mouse over on the image.

    Is there anyway I can disable the active hand?

    Thank you again.

    Elodie

    #106235

    Hey!

    Sure – add following code to css/custom.css:

    .slidecontrolls a {
    cursor: default !important;
    }

    Best regards,

    Peter

    #106236

    Hello Peter,

    Thank you. It’s working for the arrows left an right but the hand is still appearing for the play/pause button in the center.

    Best,

    Elodie

    #106237

    Hi Elodie,

    As Ismael posted, the only way to get rid of them so that the link hover effect doesn’t show up and fully remove them is to use this css:

    #top .arrowslidecontrolls {
    display: none;
    }

    Adding that to the custom.css file in your css folder should remove them completely from use or view.

    Regards,

    Devin

    #106238

    Hi Devin,

    Do you mind to give a look: http://fermedelahautemaison.fr/ because the hand is still active when the mouse is on the picture.

    I have added:

    #top .arrowslidecontrolls {

    display: none;

    }

    .slidecontrolls a {

    cursor: default !important;

    }

    Thank you and sorry for the inconveniance.

    Elodie.

    #106239

    You already have:

    #top.home .arrowslidecontrolls {
    display: block;
    position: relative;
    right: 140px;
    top: -160px;
    }

    In your custom.css which is making the display:none not really work.

    You can also add:

    #top.home .callout {
    border: none;
    color: #fff;
    }

    Since, I think you were trying to get that earlier but the site wasn’t view-able at that time. But that should get rid of the border on the call out and change the text to white.

    #106240

    This is perfect. I have replaced block by none and it’s working great.

    My quote looks perfect on my homepage.

    You are wonderful and you support forum a real help for us beginners.

    Thank you again to the whole team.

    Elodie.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Ken burns pause button’ is closed to new replies.