[Plugin: WP-prettyPhoto] How do I actually use Prettyphoto?

Easy answer: Don’t use it.

Long answer: Read the manual, if there’s anything you don’t understand, post on WP-prettyPhoto’s support forums, we’ll either help you or we’ll tell you not to use our plugin because you have no idea how to even do step 1 correctly.

Thanks!

I think there’s no need to use a plugin in this case. A manual approach should avoid problems with updates of WP and/or other plugins.
To use pretty photo library without a plugin just link css and js files in your header.php

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/prettyPhoto.css" /><br />
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.prettyPhoto.js" type="text/javascript"></script><br />

or use a hook in your functions.php and load these files only where needed (i.e.: if (is_single() | is_page() | is_archive() ) -> load PP ).
Then add the lines below to jquery.prettyPhoto.js or to a new js file that you have to include as well:

jQuery.noConflict();
jQuery(document).ready(function() {
  var items = jQuery('a').filter(function() {
    return jQuery(this).attr('href').match(/\.(jpg|png|gif)/);
  });
  if (items.length > 1){
    var gallerySwitch="[alltogethernow]";
  }else{
    var gallerySwitch="";
  }
  items.attr('rel','zoom'+gallerySwitch);
  jQuery("a[rel^='zoom']").prettyPhoto();
});

It simply checks for every <a> tag linking an image and adds the correct rel to it, making a single photo zoom or a gallery.

Mad_max

it doesn’t work on my setup. wp2.9.1
did everything as said but no luck.
thanks
Cezar

Cezar, is your wp installation visible online?. Can you post the link so I can give a look at it?
Do you see errors on Javascript Console on your browser?

I’ve setted up and tested this JS on a WP 2.8.9, but it seems to work even after upgrade to 2.9.1 (I’m testing locally the upgrade in these days and I have no problems right now).

Let me know if I can help.

Bye

A little update to narrow the selection of dom elements to the images in the posts content only. I’ve supposed every theme has a “entry” class on div containing posts (like default theme has), so:

jQuery(document).ready(function() {
	var items = jQuery('div.entry a').filter(function() {
			return jQuery(this).attr('href').match(/\.(jpg|png|gif)/);
	});

	if (items.length > 1){
		var gallerySwitch="[alltogethernow]";
	}else{
		var gallerySwitch="";
	}
	items.attr('rel','zoom'+gallerySwitch);
	jQuery("div.entry a[rel^='zoom']").prettyPhoto();
});

This resolves potential problems with linked images on other parts of the page like in footer or sidebar(s)

Sorry, this time a little bug: if you are using a *nix server (case sensitive filenames) and you upload images with uppercase extensions, my piece of JS doesn’t work. So:

jQuery(document).ready(function() {
	var items = jQuery('div.entry a').filter(function() {
			return jQuery(this).attr('href').match(/\.(jpg|png|gif|JPG|GIF|PNG|Jpg|Gif|Png)/);
	});

	if (items.length > 1){
		var gallerySwitch="[alltogethernow]";
	}else{
		var gallerySwitch="";
	}
	items.attr('rel','zoom'+gallerySwitch);
	jQuery("div.entry a[rel^='zoom']").prettyPhoto();
});