My gut tells me to use a Xara Chart for this.
By all means place this one-pager in an IFRAME on the main site.
Xara Chart - Raise the Roof.xar
It even turns the graphic into another 'slider'!
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
Never thought of charts @acorn. Thanks. As the contributions go up, I can change colors and draw an indicator. You guys are so generous.
Bill Wood
Charity Web Design
XARA Pro+. WD17, Designer 17. Premium packages.
Bill Wood
Charity Web Design
XARA Pro+. WD17, Designer 17. Premium packages.
Bill, switch to the Text tool. Select the Slide text area and then click the small roundel bottom-right.
Yes, it does appear to be unticked. One less to worry about.
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
Hi Bill, yes it's very straight forward. You can copy my placeholder and put it directly above your slider on the mouse off layer.Egg .. so the svg is placed on top of the slider on another layer? If it requires any coding I think I’ll be lost. Thx
I've attached a xar and the animated svg.
VIDEO
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Very much appreciated Egg.
-Bill
Bill Wood
Charity Web Design
XARA Pro+. WD17, Designer 17. Premium packages.
Further to my testing with sliders - I used the same slider template with the three slides. I did not change any colors, or photos in the slider. I did change the font to Noto Sans.
I've found using the template that the same problem existed. There is a a very short time when the transparent rectangle is solid black for a second, then changes back to the transparency that it should be. @acorn and @egg supplied a workaround.
Since I like to customize many of the Xara components - I simply solved the sporadic upload problem by constructing my own transparent rectangle, added the text of my choice, put that on top of the slide and add a "fade up and in" animation.
Solves the niglet completely.
I think I'll mess with some of the other sliders and see if the same problem exists. IMO I think there should be a nice and smooth loading.
- Bill
Bill Wood
Charity Web Design
XARA Pro+. WD17, Designer 17. Premium packages.
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