|
| |
|
|
cwaddell
Posts: 1
Joined: 12/8/2008
Status: offline
 |
Need some help setting up Lightbox - 12/8/2008 17:47:48
I have been working on my first website and have to do a portfolio section on it. I want to use lightbox so it looks nicer but so far havent got it to work. I have just created a test page with only one image so it was a bit easier to see the codes but will eventually want to get all the images on my portfolio page to work with it.
So far the best I can do is get it to open up in a new page.
http://www.christopherwaddell.co.uk/Lightbox%20test2.html
I need to resize the image though - tried it but it messed it up a bit more so left it.
Can anyone help tell me how I can get it to work
|
|
|
|
treetopsranch
Posts: 1651
From: Cottage Grove, OR, USA
Status: offline
|
RE: Need some help setting up Lightbox - 12/8/2008 21:27:29
When it opens up in a new page like yours did, that means that you have a path problem. Lightbox can't find the files it needs to display the larger photo correctly.
Check your paths very carefully. Check the js script files also to see if the paths shown are the ones you want.
If you are a beginner and don't know how to fix the paths then throw everything in one folder including your html page and try it again.
PS: I have found that litebox is a little simpler to set up for beginners. Note the spelling difference. You can google litebox to find the script.
_____________________________
Don from TreeTops Ranch, Oregon
"I've got a taste for quality and luxury"
| |
|
|
|
EdgeAgain
Posts: 26
Joined: 7/9/2008
Status: offline
|
RE: Need some help setting up Lightbox - 12/9/2008 12:13:00
quote:
Check your paths very carefully. Check the js script files also to see if the paths shown are the ones you want.
You have three problems:
First, the following line is wrong because your path is wrong:
<script type="text/javascript" src="lightbox.js"></script>
You need to have <script type="text/javascript" src="Lightbox2/js/lightbox.js"></script>
Second, you are missing:
<script type="text/javascript" src="Lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="Lightbox2/js/prototype.js"></script>
And third, be sure that they are in the proper order (as specified in the instructions):
http://www.lokeshdhakar.com/projects/lightbox2/
<script type="text/javascript" src="Lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="Lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="Lightbox2/js/lightbox.js"></script>
BTW, you need to resize your photo. Here you go: http://www.edjean.com/test/eye.JPG
On another note, I try to avoid using capital letters in my directories and file names whenever possible. And avoid spaces, but rather an underscore or dash.
Good luck, Ed
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
