Log In · Register

 
Lightbox?
Maccabee
post Jun 9 2009, 01:44 AM
Post #1


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382



Odd, not sure why this isn't working. Kinda hard to wrap my brain around. I installed lightbox but noticed that the close button isnt showing up.

heres the official site:

http://www.huddletogether.com/projects/lightbox2/

I put all the lightbox files, in a folder called lightbox. And the instructions tell me to put the following code into my head.

CODE
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />




Im using includes, so in the folder called includes and in the file called header.php (because I use php includes) in the head I put

CODE
<script type="text/javascript" src="/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="/lightbox/css/lightbox.css" type="text/css" media="screen" />


I added "/lightbox/ because of course it is telling the browser to go back one folder and look in the folder lightbox.

And then in a folder called designs I put the code

CODE
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>


in the body.

And used my own images, and all works well! But for some reason the close and loading images arent showing!

So I go to lightbox/js/lightbox.js and I checked that the loading.gif and closelabel.gif were pointing to the right directory.

And they both were pointing images/loading.gif and images/closelabel.gif.

So I troublshooted and tried putting a / before the two previous codes and ../ before them and I tried adding .. before the js file in the header.php file and before the css one.

And well nothing works.

I know that was a long explanation but I had to explain so you could understand where everything was pointing to. So im not sure why it isn't working. And I have had this problem b4. Tanks.
Reason for edit: Use codeboxes, please.
 

Posts in this topic
jcp   Lightbox?   Jun 9 2009, 01:44 AM
jcp   pshh...nvm...I realized that in the lightbox.js fi...   Jun 9 2009, 02:36 AM
manny-the-dino   Topic Closed and Moved   Jun 9 2009, 02:51 PM


Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: