Welcome to TalkGraphics.com
Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,486

    Default Subtle but effective slide show navigation

    Nadav Kander is a London based photographer who does incredible portraits. In this galleries/slideshow the cursor changes to forward or back depending on which side of the current image you hover over. https://www.nadavkander.com/portrait...aits/single#90

    Would be fantastic to have something this sophisticated in Xara.

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Info Re: Subtle but effective slide show navigation

    It is using CSS for cursor and PNG for the arrows.
    Code like
    cursor: url("../img/cursor-right.png") 10 10, e-resize;
    All we would do is add two transparent boxes down the middle and each would have a Name so the CSS could latch on.

    With JavaScript, one could detect where the pointer was and change from that.
    The overlays, with Filename="..." would be simpler.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,486

    Default Re: Subtle but effective slide show navigation

    Easy for you to say.

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Info Re: Subtle but effective slide show navigation

    Quote Originally Posted by gwpriester View Post
    Easy for you to say.
    And not too difficult to implement:
    CSS3 - Left & Right Cursors.xar

    To create your own, you need the code in Website HTML Head, clear(-ish) shapes, called left and right and also with HTML Classes, left and right and you two images for the cursons, named left-cursor and right-cursor.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,744

    Default Re: Subtle but effective slide show navigation

    Quote Originally Posted by Acorn View Post
    To create your own, you need the code in Website HTML Head, clear(-ish) shapes, called left and right and also with HTML Classes, left and right and you two images for the cursons, named left-cursor and right-cursor.
    Or in English:
    To create your own, you need the code in Website HTML Head, clear(-ish) shapes, called left and right, and also named as HTML Classes, left and right, and the two shapes for your cursors, flagged as PNGs, named left-cursor and right-cursor.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •