Jquery lightbox is not functioning

Question

Hey guys,

I am currently using prettyPhoto lightbox for my images and for some reason i cant get it to work. I know this is a very basic questions but some help would be appreciated. i found the script here:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Additionally here is the page i am trying to get it to work on:

http://obliqueinteractive.com/creative/work.html

I have read the documentation carefully still am not getting anything. I dont know am i missing something?

Thanks for any help

Answer 1

You have to include jQuery in head section. You probably forgot about it.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;

Answer 2

Your prettyPhoto script js/jquery.prettyPhoto.js script is throwing a 404 too.

Answer 3

So I visited that page, and immediately in the FireFox Error Console I got a "$ is not defined" message.

You're missing a <script> element which loads the jQuery libraries... you have a element which refers to 'js/jquery.prettyPhoto.js', but when I try to follow that path I get a 404.

So; uplaod jQuery core js file to server; add <script> with 'src' attribute which points to jQuery core, then find out where 'jquery.prettyPhoto.js' is and make sure the 'src' attribute the <script> which is already there matches its location.