Anyone familiar with Shadowbox (javascript)

We are trying to use the Shadowbox plugin with no success. If only the guy would give a simple example, but he basically just says “look at my homepage” which is a massive mess of CSS and HTML mixed in.

Anyone know of a page that provides a simple example?

link

Are you familiar with javascript? It’s not really a plugin, as such.

Download the files and put them where they need to be, relative to your page.

In the head of his HTML there are three links to javascript with the word shadowbox in them. Two point offpage, the third has the code embedded. Copy and paste those where you want the media to be.

Then choose one of the different styles he showcases on the page, find it in the HTML, and copy and paste it into your page, changing the details to match where your media file is kept.

I am developing under windows, but the paths in the examples he give look like 'nix paths. Could that be the problem?

here is what I have so far. All the .js files are being kept in the sandbox directory:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2//EN”>
<HTML><HEAD>
<TITLE>TESTING SHADOWBOX</TITLE>
<head>
<script type=“text/javascript” src=“shadowbox-base.js”></script>
<script type=“text/javascript” src=“shadowbox.js”></script>
<script type=“text/javascript”>
Shadowbox.loadSkin(‘classic’, ‘c:\ShadowboxSandbox’); // use the “classic” skin
Shadowbox.loadLanguage(‘en’, ‘c:\ShadowboxSandbox’); // use the English language
Shadowbox.loadPlayer([‘img’, ‘qt’], 'c:\ShadowboxSandbox); // use img and qt players

window.onload = Shadowbox.init;

</script>

</HEAD>

<BODY>
<a href=“test.jpg” rel=“shadowbox”>My Image</a>

HELLO WORLD.

</BODY>
</HTML>

As you can see, I am using absolute paths with widows type pathnames.

Did you check out the “Download Full” link on the download page that has full documentation and a sample gallery?

Also, are you getting any errors? If so, which errors? Your code looks fine if everything, including the HTML page, are in the same directory. What is the problem you are having?

IE is crap for showing JS errors. If you’re not using Firefox already, use that and then go to Tools - Error Console to show you specific errors.

It just displays the jpg without the shadowbox effect, as though the HREF tag didn’t even contain the rel=“shadowbox” parameter.

I don’t think those are unix paths, they should be relative URLs on his server. Being that javascript is run in the user’s browser, it makes no sense for it to be trying to access files on any hard drive directly. It generally has to load everything via http. So “src/skin” is actually a path at his site, i.e., Deneme Bonusu Veren Bahis Siteleri - En iyi Bonus Veren Siteler Nelerdir?

If you click that link you do get a 403 however, because he has directory listing turned off. But I do believe the 403 indicates that the directory exists, because if you put in some bogus URL like

you get a ‘nothing here’ page.

Thanks to all. My partner got it going.

It’s a poor variation of the original LightBox.

Or try it with a jquery addon.

I don’t know if I’d call it a poor variation. It’s very nice that he designed it with an abstraction layer that lets you use whatever framework you already use, rather than forcing you to load a specific one just for this one piece of functionality. That’s what made me pick it when I was shopping for one of these.