Lightbox 2

**Hessah** · 06-29-2012, 12:51 AM

I'm trying to learn how to integrate the lightbox2 image function onto a website...

I found this tutorial quite useful in translating the lightbox2 instructions into action..

Installing and activating lightbox 2 into your...

However, what I'm confused about is... he's got all the lightbox2 images saved onto his desktop... Am I suppose to upload that lightbox2 folder onto my server / domain so that it would work on the Internet?

**Hessah** · 06-29-2012, 06:00 AM

=/ OK it's not working... I think it's because my website is probably using a different language compare to what the tutorial is teaching me...

Looks like my website use php?! And when I edit a page it uses HTML codes...

Does that make sense to anyone?

Everytime I added the <head> and <body> tag, when I save it they disappear and just turn into <p> tag....

**Entropy** · 06-29-2012, 11:26 AM

PHP uses HTML to display the page. You should be able to mix PHP and HTML.

Originally Posted by Hessah

Everytime I added the <head> and <body> tag, when I save it they disappear and just turn into <p> tag....

That shouldn't be happening. What are you using to edit the page? Try notepad.

**Hessah** · 06-29-2012, 12:41 PM

Originally Posted by Entropy

PHP uses HTML to display the page. You should be able to mix PHP and HTML.

That shouldn't be happening. What are you using to edit the page? Try notepad.

My web developer has set it up so that I log in, and for each page, I get like a text input box much like the post edit box on this forum.. but with HTML icons...

Normally it's WYSIWYG, but for this I opened up the HTML editor to type in all the javascript stuff...

I can do a print screen when I get back to work if that's confusing...

**Entropy** · 06-29-2012, 12:56 PM

Maybe the editor is only letting you edit part of the page, like between the <body></body> tags.

If you open up another page in that editor do you see the <html> <head> and <body> tags?

**Hessah** · 06-29-2012, 01:34 PM

Yeah that's very possible, because I only get to edit what's inside the text frame.. all the banner and menu bars are set so maybe that's where the header tags are...

No I don't.. It only says "input text here" or something like that..

**Entropy** · 06-29-2012, 01:47 PM

What are you trying to put between the <head> tags? If its just javascript you should be able to put it in your editor and forget about the <head> and <body> tags.

**Hessah** · 06-29-2012, 02:09 PM

Yeah it was just the javascript..

This is meant to go in the head:
<script src="../../documents/photos/jquery-1.7.2.min.js"></script>
<script src="../../documents/photos/lightbox.js"></script>

and reference to the pictures to the body of the codes..

I've got the pictures to link.. but the animation isn't working..

**Vasu** · 06-29-2012, 02:25 PM

I'm pretty much a noob at this stuff, but aren't you supposed to add the script type too?

Code:

<script type="text/javascript" src="..."></script>

Or is that unnecessary?

**Hessah** · 06-29-2012, 11:03 PM

I'm not sure but it wasn't on the instruction page that's why I don't have it..

http://lokeshdhakar.com/projects/lightbox2

Entropy pointed out I'm missing the CSS link so hopefully that'll fix my problem..