Welcome to TalkGraphics.com
Results 1 to 3 of 3
  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Lightbulb anime.js - Slideshow Part Deux

    This is an enhancement of https://www.talkgraphics.com/showthr...e-js-Slideshow.

    It adds a Caption.
    I had to develop a method to show Captions as when you change an image to Stretch Full Width the Title and Alt are not saved.
    I have raised this as an issue in Dear Xara: https://www.talkgraphics.com/showthr...Stretch-Images.

    I have included the instruction on how to use the Slideshow in the design: anime.js Slideshow Part Deux.xar

    As ever, I appreciate feedback.

    There are other approaches but this one uses the lightweight anime.js library that does not require jQuery or much in the way of code for that matter.

    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

  2. #2
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    952

    Default Re: anime.js - Slideshow Part Deux

    The great thing about this slider is it always stretches the full width of the browser (and uses Scale-to-fit-Width) e.g. https://initiostar.co.uk/demo/anime-slider/

    It was easy to change the photos and captions, but I had to keep the photos non-sticky for it to work. Maybe it's a v19 issue?

    Would be good to find a way to have the slider stick at the top of the page. Any thoughts?
    Gary
    www.initiostar.co.uk


    Xara Designer Pro+ and Xara Designer Pro X 19.0.1.65946 DL x64 Feb 7 2023

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Default Re: anime.js - Slideshow Part Deux

    @Initiostar, well i missed that one for some reason.

    I'll look into it.

    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

 

 

Tags for this Thread

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
  •