Lightbox? |
Lightbox? |
![]()
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.
|
|
|
![]() ![]() |