Adding my own link within Animator

Hi.....I have an image within an animation which I want to put the following link in:

onMouseClick="shadowbox;height:300px;width:500px;controls=autoplay" href="video.html" title="Video Example">

So I go to ACTIONS / CUSTOM JAVASCRIPT.......and place the link in.........But I'm getting a javascript error.

Can anybody help me (I'm a bit of a noive with java script)

Thanks

So sounds like what you entering is not valid JS. Would you mind explaining what you are trying to accomplish?

When viewing the animation in my browser, I want to click on the individual images and that should open up an external html page using Shadowbox. (http://www.shadowbox-js.com/ ) (opens the html page with a requried width and height).

Hope this explains what I need.

Thanks for your help.

Ok, so I would try something like this. Put the following (but put in a real URL for the shadowbox js library) in the Property Panel -> Project -> Head Html

Code:

---

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});
</script>

---

and then for a custom JS action you could add the following for example

Code:

---

    Shadowbox.open({
        content:    '<div id="welcome-msg">Welcome to my website!</div>',
        player:    "html",
        title:      "Welcome",
        height:    350,
        width:      350
    });

---

and you could change player to whatever you want to display. See http://www.shadowbox-js.com/usage.html for more help

Hi again.............yeah that is nearly working. The shadowbox opens up but my html page donesn't appear. Do you know why.........it's probably a simple soultion but I can't solve it

This is what I have on the link:

Shadowbox.open({
content: 'http://www.google.com',
player: "html",
title: "google",
height: 365,
width: 648,
autoplayMovies: true
});


Thank you for all of your help.
E

I don't know if you can open open html pages like that, you might have to use an iframe, like this.

Code:

---

Shadowbox.open({
  content: '<iframe src="http://example.com" style="width:400px;height:400px;border-width:0;"></iframe>',
  player: "html",
  title: "Test",
  width: 400,
  height: 400
});

---

if you want an image, you can use the image player like this

Code:

---

Shadowbox.open({
  content: 'path/to/image.png',
  player: "img",
  title: "Test"
});

---

Hi

Unfortunally that didn't work either.

E

Hmm, it works fine for me. Maybe you should try the shadowbox forums?

I finally got it working so thanks for the help!!!

Quick question for you. Is it possible when I click to open up the shadowbox iframe.......that it pauses the image animation in my browser...............and resumes playing when I close the iframe?

Thanks for you help

Regards
E

It should be possible, but don't think it will be easy at the moment. You'll have to add your own JS for that and for more info you could look into the animation-play-state css property.