Small Problem with lightbox Options

[maxmaggot]

I don't think I'm too far wrong with the code I have but the images won't appear only the box with the loading gif. Any suggestions. Here is the code I have:

In head

CODE

<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/lightbox-2.6.min.js"></script>
<link href="Styles/lightbox.css" rel="stylesheet" />

In body
[code]

<div id="apGallery" class="SideBarItem" onclick="clicksound.playclip();">
<a href="Images/Other/image 1.jpg" data-lightbox="image-1"></a>
<a href="Images/Other/image 2.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 3.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 4.jpg" data-lightbox="debatingireland"></a>
</div>
[code]

I left the text inside the <a> tag blank as it was appearing on the main screen.


Any ideas? Thanks
Max

[jimlongo]

Here's the lightbox I'm using
http://www.lokeshdhakar.com

There's pretty good step by step instructions
http://lokeshdhakar.com/projects/lightbox2/

[Frederiek]

Otherwise, post the URL of your page demonstrating the problem.

[maxmaggot]

Thanks for getting back to me.

That is the tutorial I followed.

Here is the URL I am testing it on http://www.pcrepairdirect.com/Aideen/index.html

If you click on the gallery button on the left it activates the lightbox.

Thanks again for your help.

Karl

This post has been edited by maxmaggot: Sep 15 2013, 01:36 PM

[jimlongo]

i'm getting a 404 error on all 4 of these images

<a href="Images/Other/image 1.jpg" data-lightbox="image-1"></a>
<a href="Images/Other/image 2.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 3.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 4.jpg" data-lightbox="debatingireland"></a>

the path must be wrong, and secondly you might take the space out of the filename.

[maxmaggot]

Thanks for the help. I'll get on to this.