Egg - Acorns XAR files works. But when I substitute my images (properly named) it does not work.
Egg - Acorns XAR files works. But when I substitute my images (properly named) it does not work.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Hi Gary, I've just selected the images within your file plus the line (of which I've applied a 99% transparency) and redifined them as htmlclass="photo"
This works very well, I can even keep my eyes out of focus and see the images as 3D.
LINK
Last edited by Egg Bramhill; 04 June 2022 at 07:52 PM. Reason: Uploaded xar file
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
Thanks Egg. I can't figure out what I did wrong.
I named all my images and the red line except as Acorn suggested, a duplicate of the first image sent to the back of the pack.
I must have messed up somewhere.
BTW - DP+ reduces screen captures way small and I have not figured out what the secret % is for scaling them 1:1 (1:1 does not work)
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
So, what if I just want the most basic fade slideshow. One image fades into the next. 1.5 second intervals?
I prefer to have the images be the focus not the various distortions.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Gary, XDPX19 possibly is working as you have used jQuery in the design. Hard to check as I do not have (or want) XDPXv19, but it could be serendipitous if that is the case.
The proper firing up of the animation would be javascript:anime(carousel).restart(); but this will not replay the Xara animation. You would have to uncover the Xara trigger for that.
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
Gary, Egg pointed out the issue was with the htmlclass Name.
The simplest code becomes:
Acorn<script>
var images = [].slice.call(document.querySelectorAll('.photo')).s lice(1, 100);
var showtime = 750;
var carousel = {
targets: images,
opacity: [0, 1],
delay: anime.stagger(4 * showtime),
easing: 'linear',
duration: 2 * showtime,
endDelay: showtime,
loop: true,
}
anime(carousel);
</script>
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
Thanks for this Acorn.
For those like me who totally missed this, the difference in the htmlclass name is I used Xara's default curly quotes vs the tick mark quotes. So my next question to stump the experts is how do I get the tick mark quotes?
Ah, hold on, I get it now. I copied and pasted my htmlclass="photo" and that caused the problem. So if I key in the same text instead of paste it in, then the quotes will automatically be correct and not curly quotes.
Last edited by gwpriester; 04 June 2022 at 10:58 PM.
Gary W. Priester
Mr. Moderator Emeritus Dude, Sir
gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook | eyeTricks on YouTube | eyeTricks on Instagram
Bookmarks