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

    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 and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

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

    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 Pro X 19.0.0.64291 May 3 2022

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Default Re: anime.js - Slideshow Part Deux

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

    I'll look into it.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

 

 

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
  •