New Shadowbox User - Lost

2 messages

Steve

New Shadowbox User - Lost

Reply Threaded

I am a new Shadowbox user and hope I can get it to work but I am completely lost. I have tried reading the forum and all the docs and can't figure out how to make this work.

First, I uploaded the Shadowbox folder to my server.

I have a short video I created that is currently in SWF format and is called untitled.swf. (I also tried MOV format). I created a webpage and inserted the SWF on the page and uploaded the page and the SWF file into the same directory.

The thing is, I cannot figure out the exact code to put in the web page to make Shadowbox play this movie.

What exactly do I need to put in my html file (and where) to make this work?

Thanks very much in advance.

gribble

Re: New Shadowbox User - Lost

Reply Threaded

This goes in the HEAD section

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>
<script type='text/javascript' src='swfobject.js'></script>

This goes in the BODY section-

<body bgcolor="#000000">
<div id="container">
<ul id="c">
<li>a rel="shadowbox;width=800;height=500" title="Your title here" href="your_video.flv">Portfolio</li>
</div>
</body>

Basically, you link to the shadowbox javascript and css in the HEAD section.
As well as telling Shadowbox to trigger with the init.
Then in the BODY section, simply create a basic hypertext link but using the rel tag.

And make sure your permissions for the html file is correct on your web server.

Good luck. Took me quite a while to get it working too ; )