Xara Web Design 19 being weird about xl_xr links on animated text

[JAKlife]

Sure! Here you go:

I'm not sure Link To Anchor would work, since the page is part of the index file, but is technically a separate "page".

In that file, to get to what I'm talking about, you have to a few "pages" in:

On the first page, click "I agree" -
on the next page, click on the "enter" sign,
on the next page "start game".

Then, you'll be at the page with the first "go left" and "go right" signs. The left side goes to my outside link, the right is supposed to go to the "shops" sub-page.

Since the backgrounds don't change (since they're missing) it might be hard to tell, but since the page doesn't transition, the error should still be visible.

[Chris M]

All I can do is confirm your suspicions. It's the animation settings in Web Properties > Transition Effects. Set it to Website and all works, choose anything else and it's broken.

But...fear not. I'll bet there's half a dozen lines of code that can be added to the Website HTML Code to give you the effect you want, bypassing Xara's broken option.

I'm a Numpty when it comes to code, but hang around and a non Numpty may well show up.

[JAKlife]

Hey, I appreciate you taking a look at it! And I hear you, I'm a coding numpty, myself, lol!

Funny enough about the transition effects; I wish there was an option where the first page would zoom toward you and fade into the 2nd page, as that would be more accurate - but the transition I picked was the closest.

And there is one other thing I'd like this all to do, come to think of it.. the questions in text that come in at the bottom of the "go left"/"go right" page, there's only a few now, but I originally was hoping there'd be a way to have about 20 of them, and for them to slowly "ticker tape" their way automatically across the screen where they are.


I will say, I continue to be amazed with what Xara can do, even as I find these little hiccups!

[Acorn]

Hey, I appreciate you taking a look at it! And I hear you, I'm a coding numpty, myself, lol!
Funny enough about the transition effects; I wish there was an option where the first page would zoom toward you and fade into the 2nd page, as that would be more accurate - but the transition I picked was the closest.
And there is one other thing I'd like this all to do, come to think of it.. the questions in text that come in at the bottom of the "go left"/"go right" page, there's only a few now, but I originally was hoping there'd be a way to have about 20 of them, and for them to slowly "ticker tape" their way automatically across the screen where they are.
I will say, I continue to be amazed with what Xara can do, even as I find these little hiccups!

JAK, first off, all your pages (note index-a) onwards have the MouseOver layer at the top of the stack; move it to just above MouseOff. Try that and advise back.

Next, I would change the site back to a Conventional one.

To achieve different page 'out' & 'in' effects does require a hell of a lot of code.
I tried to document this in https://www.talkgraphics.com/showthr...tional-Website

I don't know how many pages you are considering but I might instead use an embedded Presentation design as it comes with more transitions and you can include Presentation Steps, which might suit what you are after.
You then make this a Placeholder IFRAME into the one master index page of a separate design file, containing the top links and the bottom rules, etc.

Acorn

[bb2]

Hi Jamie. Please can you try removing the animation from the layer and apply it to the shadow group instead?

1. go to the properties tab for the layer named pop-up right and set the transition effect to be Instant.
2. select the shadow group on the layer. Open web animation properties > Reveal tab and set the animation for the shadow group to be Zoom/Fade-in

[JAKlife]

Hi Jamie. Please can you try removing the animation from the layer and apply it to the shadow group instead?

1. go to the properties tab for the layer named pop-up right and set the transition effect to be Instant.
2. select the shadow group on the layer. Open web animation properties > Reveal tab and set the animation for the shadow group to be Zoom/Fade-in

YES!!!! It worked!!! Thank you thank you thank you!!

Any advice on the tickertape idea? where you see the "Has anyone seen Bella? Which tire tracks did you follow?" etc, I want to do like 20 questions that slowly scroll across the bottom of the screen (and repeat, if that's possible, but not necessary).

[Chris M]

With regard to the scrolling 'tickertape'

I asked my friend ChatGPT the following:
Create a scrolling marquee of 20 lines of text that scroll right to left in a single line. The code will be used in an iframe.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .marquee-container {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
    }


    .marquee-content {
      display: inline-block;
      animation: marquee 20s linear infinite;
    }


    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }
  </style>
</head>
<body>


<div class="marquee-container">
  <div class="marquee-content">
    <p>Line 1</p>
    <p>Line 2</p>
    <p>Line 3</p>
    <p>Line 4</p>
    <p>Line 5</p>
    <p>Line 6</p>
    <p>Line 7</p>
    <p>Line 8</p>
    <p>Line 9</p>
    <p>Line 10</p>
    <p>Line 11</p>
    <p>Line 12</p>
    <p>Line 13</p>
    <p>Line 14</p>
    <p>Line 15</p>
    <p>Line 16</p>
    <p>Line 17</p>
    <p>Line 18</p>
    <p>Line 19</p>
    <p>Line 20</p>
  </div>
</div>


</body>
</html>

And here's the Xara project file. I would probably ask ChatGPT make the scrolling repeat seamlessly, or round robin, just to fill the empty gap at the end of the scroll.

>>> JAKlife.xar <<<

[JAKlife]

JAK, first off, all your pages (note index-a) onwards have the MouseOver layer at the top of the stack; move it to just above MouseOff. Try that and advise back.

Next, I would change the site back to a Conventional one.

To achieve different page 'out' & 'in' effects does require a hell of a lot of code.
I tried to document this in https://www.talkgraphics.com/showthr...tional-Website

I don't know how many pages you are considering but I might instead use an embedded Presentation design as it comes with more transitions and you can include Presentation Steps, which might suit what you are after.
You then make this a Placeholder IFRAME into the one master index page of a separate design file, containing the top links and the bottom rules, etc.

Acorn

Yeah, I figured the transitions would be code-heavy. It would be amazing, but honestly not important enough for what I'm doing. This transition I have there still gives the basic idea.

Oooooohh.. I like the presentation idea. I might have to play with that! The original game had 32 different screens, 6 of which were dead ends, and then the "you won" screen.

Thank you for the suggestion on moving the "MouseOver" as well, I'll do that!