Regarding arrows

acecreativetech's Avatar

acecreativetech

19 Oct, 2016 06:36 AM

Hi,

We configured the slider in HTML version.

Can you please advice how we can setup the Arrows with same effect that is on one of the example website as on
http://www.landrover.co.uk/index.html

Looking forward to hearing from you.

Cheers,
Naveen

  1. Support Staff 1 Posted by Dmitry Semenov on 19 Oct, 2016 11:22 AM

    Dmitry Semenov's Avatar

    Hi,

    1. Add element after slider, style it as arrow.
    2. Bind mousemove/mousenter/mouseleave events to slider root element.
    3. Check mouse coordinates in mousemove event handler and update position of the arrow element via transform:translate(... style.

    Dmitry

  2. 2 Posted by acecreativetech on 19 Oct, 2016 11:26 AM

    acecreativetech's Avatar

    Hi Dmitry,
    Thanks for your reply.Is there any document where we can check?

  3. Support Staff 3 Posted by Dmitry Semenov on 19 Oct, 2016 11:52 AM

    Dmitry Semenov's Avatar

    There is no pre-built example, if that's what you're asking, it's a custom coded feature by the developer of the site that you linked.

  4. 4 Posted by acecreativetech on 19 Oct, 2016 11:54 AM

    acecreativetech's Avatar

    Thanks Dmitry Best regards,Naveen Joshi

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • arrow.jpg 117 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac