Implementing the prettyPhoto jQuery plugin

Question

I am trying to implement the prettyPhoto jQuery plugin on this web page.

http://mcmach.com/mcmachine/photogallery.html

I want to use the single image option

Answer 1

Here are some big problems I found on your page...

In the section, you have this...

First problem: You're including prettyPhoto before jQuery. You'll need to "include" jQuery before any jQuery plugins.

Second problem: You're including three versions of jQuery. You cannot "include" more than one version or instance of jQuery. For some reason, you're including and loading versions 1.3.2, 1.4.4 and 1.6.1. Just use the latest one.

Third problem: You're not invoking prettyPhoto. After you "include" the plugin, you'll need to call it using JavaScript.

It should all look something like this...

Sidenote: For the most efficient page loading, please read my answer in this thread about placing your JavaScript includes at the end of the section just above the tag.

CSS: You're also missing the link to the CSS file for prettyPhoto. This should be in the section of your page.

Your HTML: