Lots has changed since the last article I made about WP-prettyPhoto usage, and so it is time to revamp the instructions, explain new features and hopefully be a bit more thorough. First off, let me first mention the following thing: prettyPhoto is written by Stéphane Caron. Here are some related links to avoid repeating them throughout this article: Stéphane’s blog, prettyPhoto’s project page, prettyPhoto on GitHub, Stéphane on Twitter, WP-prettyPhoto at WordPress Extend, WP-prettyPhoto Support Forum.
Revision History: This article is intended to document the current WP-prettyPhoto (1.5.1) & prettyPhoto (2.5.2) versions.
Now for some organization, here are the topics that will be discussed in this article:
- 1. Technical Information
- 2. Installing WP-prettyPhoto
- 3. Using WP-prettyPhoto
- 3.1. On Images
- 3.2. On Videos (MOV) and Flash (SWF)
- 3.3. On YouTube Videos
- 3.4. On External Sites (iFrame)
- 3.5. Shortcode API Calls
- 4. Examples
1. Technical Information
The idea behind WP-prettyPhoto is to avoid having to use Lightbox to display pictures. Lightbox is based on the Prototype JavaScript library, and most WordPress plugins tend to use jQuery. Using WP-prettyPhoto thus allows you to avoid loading multiple libraries to perform a single task. Stephane Caron developed prettyPhoto because the jQuery Lightbox clones, at the time, were close enough to the real Lightbox.
prettyPhoto uses attribute hooks to bind itself on elements to display. In other words, if prettyPhoto finds a rel attribute inside a link pointing to one of its supported format (bmp, gif, jpg, jpeg, png, swf, mov), and that rel attribute matches the one prettyPhoto looks for, it will know that link is meant to be displayed within a prettyPhoto box. Since prettyPhoto 2.4, it also looks for simple text links with the configured rel attribute and the string “iframes=true” within the target URL. Since prettyPhoto 2.5, an API is available.
2. Installing WP-prettyPhoto
The installation of WP-prettyPhoto is pretty straightforward, as with most WordPress plugins. Once you have downloaded the current version of WP-prettyPhoto, you have two options:
- Use WordPress’ builtin plugin installation system located in your WordPress admin panel, labeled as the “Add New” options in the “Plugins” menu to upload the zip file you downloaded
- Extract the zip file and upload the resulting “wp-prettyphoto” folder on your server under “wp-content/plugins/”.
All you need to do after that is navigate to your blog’s administration panel, go in the plugins section and enable WP-prettyPhoto.
For more information, see the “Installing Plugins” article from the WordPress Codex.
3. Using WP-prettyPhoto
There are several ways to use WP-prettyPhoto on your blog. All of them can be automatically achieved by enabling the “All Formats” option in the “Automate” section of the WP-prettyPhoto settings, located inside WordPress’ Media settings page. All of the “Automate” options will trigger automatic activation of the specific format. That is how to use WP-prettyPhoto automatically. However, some of prettyPhoto’s formats require specific instructions. For all formats, you will need to do the following: Insert the media you want prettyPhoto to bind itself on in your post or page, surround it by a link and make the HREF attribute point to the original media Then, simply add WP-prettyPhoto’s configurable REL string to the link.
It is important to note that there is also a way to exclude specific elements from being displayed in prettyPhoto. To do so, simply make the link point to a new window using “_blank” as the value of the link’s TARGET attribute.
3.1. On images
Manually using prettyPhoto on images is simple. If you want to display a title inside the prettyPhoto box, make sure the “Display title” setting is activated. When active, prettyPhoto will use whatever is inside the image’s ALT attribute. To display a description, use the link’s TITLE attribute.
To manually insert a prettyPhoto gallery, the process is similar. All you need to do is make sure all your images have the same REL attribute with a slight modification. The REL attribute should define the gallery’s unique name between [square brackets]. Doing so will allow prettyPhoto to display next/previous links as well as display the current picture count and the total pictures found in the gallery.
3.2. On videos and flash
The process of linking prettyPhoto to your video files is the same as images. Link to the .swf or .mov file, then specify the width and height. In the case your flash needs specifics parameters, add &flashparams to the URL specify the parameters.
3.3. On YouTube Videos
To load a YouTube video, simply link to the YouTube video url. You can also add “&width” and “&height” to specify the sizes, if not provided, default dimensions will be applied.
3.4. On External Sites
To load sites in an iframe inside prettyPhoto, link to the desired website and add the following params. “?iframe=true”, to tell prettyPhoto to open the page in an iframe and “&width=300″ “&height=300″, to specify the iframe dimensions.
3.5. Shortcode API Calls
Since WP-prettyPhoto 1.5 and prettyPhoto 2.5, API calls are supported through WordPress shortcodes. There are two distinct shortcodes available to users, please note that shortcode usage must first be enabled in WP-prettyPhoto settings.
- [ppo img="" title="" desc="" button="false"]Text[/ppo]: Opens a prettyPhoto box using img value for image source, title value for title, desc value for description. If you want to display a button instead of a link, set the button parameter to true.
- [ppg files="" titles="" desc="" button="false"]Text[/ppg]: Opens a prettyPhoto gallery using files values for images, titles value for image titles and desc values for descriptions. All values should be comma-separated and ordered properly. The second desc item corresponds to the description of the second files item. Here again, you can output a button instead of a link using button=”true”.
4. Examples
- Simple image hook with no title and with description.
<a title="Simple image hook with no title and with description." href="http://blog.fusi0n.org/wp-content/uploads/2009/05/avatar-trans.png">Simple image hook with no title and with description.</a>
- YouTube video
<a href="http://www.youtube.com/watch?v=oHg5SJYRHA0" rel="wp-prettyPhoto">YouTube video</a>
- Flash Movie
<a href="http://movies.apple.com/movies/weinstein/nine/nine-tlr1_h.480.mov?width=480&height=204" rel="wp-prettyPhoto">Flash Movie</a>
- External Site
<a href="http://m.reddit.com/?iframe=true" rel="wp-prettyPhoto">External Site</a>
March 6th, 2009 at 3:21 pm
Will this integrate with Next-Gen Gallery? I’d like to use this option with my nextgen galleries…how would I do this?
March 7th, 2009 at 4:43 pm
@Andrea: It should work with Next-Gen Gallery as it is simply another jQuery plugin. We’ve had reports of both plugins working without conflicts.
March 8th, 2009 at 3:51 pm
confirmed works like a charm, just setup nextgen to generate the appropriate links Gallery->options->effects->custom: rel=”prettyPhoto[%GALLERY_NAME%]” is an example if prettyPhoto is defined as rel value in wp-prettyphoto settings
best regards
bee
March 9th, 2009 at 7:13 pm
I’m getting the following error when I try to activate the plugin:
I don’t know PHP, so I’m not sure what this means or what I should do. Any help would be greatly appreciated – I really like PrettyPhoto, and would love to have it working on my blog.
Thanks!
March 9th, 2009 at 7:20 pm
@Derek: You need PHP5.
March 10th, 2009 at 5:17 pm
Hey, excellent plugin. Quick question though. Is there a way I can stop the plugin from including jquery? I am already loading jquery through google before this and then this adds it again. Thanks.
March 10th, 2009 at 5:36 pm
@Retroclutch: Comment out the following lines:
wp_deregister_script('jquery');wp_register_script('jquery', WPPP_URL.'/js/jquery-1.3.1.min.js', false, '1.3.1');
wp_enqueue_script('jquery');
You can find those lines in wp-prettyphoto.php at lines 45 to 48.
You have me thinking that maybe it would be a good idea to add a checkbox in the options to enable/disable jQuery inclusion….
March 10th, 2009 at 6:02 pm
I’m testing this on my local computer, on WP 2.7.1. Whenever I deselect the “Show title” checkbox and click Save Changes, the page refreshes and the “Show title” checkbox is selected again. I deselect it, and save, it becomes selected again.
Is this a bug?
March 10th, 2009 at 6:09 pm
@onelargeprawn: Yup, that’s a bug alright. The “Title” checkbox value will always have the same as the “Auto-prettify image links” value. I simply forgot to an iteration
I’ll fix that right now – but do note that the setting itself WILL change even if it tell you it hasn’t. Thanks for the feedback!
March 10th, 2009 at 7:18 pm
Awesome thanks. When I commented it out, it actually wouldn’t load the prettyPhoto.js file or the PNG fix for IE6. So I hardcoded that into my theme, including a PHP conditional to only load it on the single-post template, which is actually better for me. Thanks for the help.
March 10th, 2009 at 7:34 pm
@Retrocluctch It’s probably because the way you load jQuery (with Google) doesn’t let Wordpress know about it (ie jQuery is not registered) and therefore, when outputting the prettyPhoto JS, there’s a jQuery dependency that fails to be met. Glad you got it working
March 10th, 2009 at 9:25 pm
@pluc I’m having the same problem as Derek, but I am running PHP 5. So I’m pretty confused. Ideas?
March 14th, 2009 at 2:09 pm
@surtin I have no idea, it basically means that it doesn’t like static methods, are you sure you’re running under 5? Maybe you have both activated and you’re running under 4…?
March 22nd, 2009 at 11:53 pm
Hi
i can’t get it to work, i’ve been checking it for 2 days and can’t figure out what am i doing wrong….
(marmolesleon.com/servicios)
Any idea?
April 2nd, 2009 at 3:59 pm
@pluc: Has the “show titles” bug been fixed? Or can you let me know how to manually stop the titles from being shown?
April 3rd, 2009 at 3:27 pm
@onelargeprawn It’s been fixed as of… 1.1.4 but for some reason it’s not live on WordPress extend… I just noticed. I’ll push it now, look for it in 15 minutes.
It’s live now, sorry for the delay.
Edit: I had changed the version in readme.txt but not in wp-prettyphoto.php…. WordPress has such a good version control system
April 5th, 2009 at 5:18 pm
Hi pluc: Thanks for the update. I’ve installed it on my blog and it’s working great!
April 10th, 2009 at 7:12 pm
For some reason this doesn’t seem to work right in firefox 3. It opens the image in a new window after it partially animates. Any idea why?
http://kwigbo.com/wp/games/
April 11th, 2009 at 10:35 am
@kwigbo It was developed on Firefox 3.Check your source code, make sure everything is as it should be (JS loaded, link rel value, etc).
Actually, I just checked your site and everything works perfectly from here (Firefox 3.0.8 on Ubuntu Jaunty)
April 21st, 2009 at 4:06 pm
@pluc: Thanks very much – works great now! Cheers.
May 12th, 2009 at 5:10 pm
I’m still on v1.1.4.
I don’t know if it’s brought up before but when one is using a gallery of images, is there a way to get the text in the “Caption” or “Description” fields of an image to be shown in the WP pretty-photo window?
May 12th, 2009 at 9:48 pm
@onelargeprawn From the prettyPhoto setup instructions:
To have a title displayed on your picture, you need to modify the “alt” attribute of the image to the desired title. To have a description for your pictures, you need to modify the “title” of the link to the desired description.
May 19th, 2009 at 6:32 am
Thanks pluc.
One more question on v1.1.4 if you don’t mind. In the WP-prettyphoto options, I’ve selected the “Allow resize” checkbox.
Now in my latest post, http://www.onelargeprawn.co.za/2009/05/19/a-day-in-the-life-told-in-logos/, I’ve linked a smaller image to one that is significantly larger. When I click on the image, WP-prettyphoto seems to enlarge the image even more, and it seems everytime I try to scroll to the bottom to click Close, the window takes me back up. I scroll down again, and it moves back up again.
Do you know why this might be happening?
May 28th, 2009 at 2:53 pm
I’m trying to get a youtube video hyperlink to open into a prettyPhoto lightbox without success.
The plug-in works perfectly when I link URLs of single images, galleries, etc., but not with Youtube videos.
My settings are on auto prettify and I’ve checked the box to enable it for flash videos.
Should this not work automatically?
I’ve also tried manually editing the html post (although I have no programming skills) like the youtube example you provided. Still no luck…any suggestions would be most appreciated.
May 28th, 2009 at 8:39 pm
Not sure how, but now it seems to all work automatically (no coding on my part) except embedded youtube videos play at full-screen, which is not how I’d like it…appreciate any help since the frames of prettyphoto are more to my liking than another alternatives….thanks
May 29th, 2009 at 9:25 am
Cannot work, cause no php in the zip to let it show up in the plugins-area. In which files to add the extralines noted in the no-margin-…page? This is mysterious to novice users. There seem to be different ways to install?
May 29th, 2009 at 11:19 am
@Nathan First things first. You’re using WP-prettyPhoto 1.2.1.3. The version in which most of the things described in this article is 1.3 (as stated at the beginning of the article). It will be released most likely next week, I have some tests left to do but other than that it’s complete. Feel free, however, to download the 1.3 beta release yourself. Just go to http://wordpress.org/extend/plugins/wp-prettyphoto/download/ and get the “Development Version”. Let me know how that works for you.
May 29th, 2009 at 3:25 pm
@onelargeprawn It seems to work fine for me (Firefox 3.0.1 under Ubuntu Jaunty). See screenshot of visible portion at http://imgur.com/Y1CfH.png – However, I can imagine why it wouldn’t work. prettyPhoto is made in such a way that it tries to keep its window always visible until closed. Drop a line to prettyPhoto’s author and see what he thinks.
@Matthias You’re downloading prettyPhoto, and not the WordPress plugin WP-prettyPhoto. You can download WP-prettyPhoto at this address: http://wordpress.org/extend/plugins/wp-prettyphoto/
June 1st, 2009 at 3:56 am
thanks, i’ll just wait for 1.3…the development version calls itself 1.2.1.3 after installing and activating it from my wp plug-in dashboard and I still can’t get it to load youtube videos in prettyphoto boxes.
June 1st, 2009 at 7:05 pm
Is there any way to link to a Dailymotion video using wp-prettyphoto?
June 5th, 2009 at 12:38 pm
First, thanks a lot for wp-prettyPhoto.
But I’m very sad: I like a lot wp-prettyPhoto, but it can’t play with the theme “AutoFocus 0.9.7″ by Allan Cole. There is a bug, and the images are always right-aligned in prettyPhoto. Have you a solution?
June 5th, 2009 at 1:54 pm
@Florian the only thing you can do is hack around the css, see if there are conflicting identifiers.
June 7th, 2009 at 5:22 am
Hi pluc,
Thanks for the update. Any word from Stéphane whether it’s possible to make the padding around the images less than 40px?
June 7th, 2009 at 10:28 am
Hi,
very nice plugin, which was working perfect for me, but after upgrading from 1.3 to 1.3.1 i got problems with my (custom) theme, any possibility to download version 1.3 again ???
thank you !
June 8th, 2009 at 11:06 am
@Rene http://wordpress.org/extend/plugins/wp-prettyphoto/download/
June 9th, 2009 at 6:13 am
I can’t uncheck the chekboxes.
In wpppopt.php; line 1, you iterate over POST var’s,
and if it’s a wppp option, the option is changed.
But an unchecked checkbox is never send. And so it is reset to the default.
——————-
$v) {
if (array_key_exists($k, $wpppo)) { update_option($k, $v); }
}
$wpppo = WP_prettyPhoto::_getOptions(array(‘values’=>true,’defaults’=>false));
}
?>
—————————————–
I Changed it to loop over the options:
if (count($_POST)) {
foreach ($wpppo as $k=>$v) {
if (array_key_exists($k,$_POST) ){
$value = $_POST[$k];
} else {
$value = ”;
}
update_option($k, $value);
}
$wpppo = WP_prettyPhoto::_getOptions(array(‘values’=>true,’defaults’=>false));
}
June 9th, 2009 at 11:15 am
@Ben ter Stal Well spotted! I’ll release a fix as soon as I can. Thanks
June 16th, 2009 at 5:47 pm
When I activate the plug-in, my entire website disappears, and basically becomes a blank, white page. Any reason this may be happening?
June 17th, 2009 at 11:48 am
@Todd Canipe I’m guessing you don’t have PHP5, which is clearly listed in the requirements. Additionally, you have your PHP errors turned off, which is why you don’t see an error, just a blank page. Again, PHP4 is not supported and never will be.
June 26th, 2009 at 4:53 am
I got a YouTube video to open correctly but is there a way to make the video start playing automatically when the box opens?
June 26th, 2009 at 10:28 am
@Sergio I’m sure there’s a switch for that somewhere. Check out YouTube’s documentation or contact the prettyPhoto author.
June 26th, 2009 at 11:27 am
hello, Is there a way to have a gallery of images open when a page loads ?
Thanks,
Nick
June 26th, 2009 at 11:40 am
@Nick I’m sure there is. All you need is a little JavaScript hack to fire up prettyPhoto when the page is loaded. You might want to use Google for that.
June 26th, 2009 at 11:44 am
Great. Thank you for your fast reply.
June 27th, 2009 at 5:48 pm
I can’t get prettyphoto to work at all! If I try to alter the settings, I get this warning:
Warning: Invalid argument supplied for foreach() in /home/content/01/4580201/html/wp-content/plugins/wp-prettyphoto/wpppopt.php on line 3
I promised I haven’t touched the code–I just downloaded the plugin 20 minutes ago.
June 27th, 2009 at 7:24 pm
update–despite the warning, most of prettyphoto’s normal functionality works fine. It won’t allow me to change a number of the settings, though (hiding the title, disabling the resizing option, disabling any of the formats in the automatic menu), offering me the warning again.
June 27th, 2009 at 8:28 pm
Why am I getting this message:
“You do not have sufficient permissions to access this page.”
June 29th, 2009 at 5:17 pm
Hi, I intalled prettyPhoto two days ago and havent been able to make it work. Everytime I click on an image it opens a new page. Any suggestions? Thanks!
July 1st, 2009 at 5:03 am
I encountered the same problem as Matt. Same error, same result.
Thanks for your help
July 1st, 2009 at 4:15 pm
I am having problems activating the plugin. I continue to receive this error:
Parse error: syntax error, unexpected T_STATIC, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /home/nicoleskeltys/nicoleskeltys.com/wp-content/plugins/wp-prettyphoto/wp-prettyphoto.php on line 27
I am using PHP version 5.2.10 I read before it was due to a conflict with PHP 4 but I am not using version 4.
Any thoughts?
July 2nd, 2009 at 9:19 am
@Chad That’s the error PHP will give you when you’re running this PHP5-optimized code on PHP4. Maybe you have both installed and that part is running under 4?
@Matt, @Emmanuel: I’ll look into that
July 4th, 2009 at 12:39 am
Is there any way to get this working with vimeo videos? I love the plugin, but youtube sucks. Would be nice if we could use it with vimeo instead. Please feel free to email me if you have tips: kevindosi[at]gmail.com
July 6th, 2009 at 1:36 am
Does anyone know how to disable the prettyphoto effect on an individual post, but leave it in effect on the rest of the site?
Thanks!
July 6th, 2009 at 1:05 pm
@Kevin Sorry you don’t like YouTube. I don’t really care.
July 7th, 2009 at 2:57 pm
I have some photos and some vimeo videos linked through prettyphoto. The photos, which work fine in all browsers are being pulled from a nextgen gallery. The Vimeo links work, but only in certain browsers – FF 3.5, IE8, Chrome. They don’t work in FF3.0 or IE7. Any idea why? The site is at http://www.jabaum.com.
July 8th, 2009 at 5:23 am
Hi. I cant get it to work at all.
All options are ticked.
looking at the source code the jquery.prettyPhoto.js has automaticaly been added to the header as has the attribute rel=”wp-prettyPhoto[g393]” to each image.
I’m running PHP5
It’s a really nice plugin and I would love to use it but i’ve run out of ideas. If someone feels inclined to check out my webpage then I would really appreciate your help.
Cheers
July 8th, 2009 at 9:10 am
@Julian
what’s your website address?
July 9th, 2009 at 6:29 pm
I just updated wordpress to 2.8.1 and wp-prettyPhoto to 1.3.3 and I am unable to view the options page it tries to go to “wp-admin/wp-prettyphotowpppopt.php”which results in a 404. I believe the correct url should be “wp-admin/general-options.php?page=wp-prettyphoto/wpppopt.php” I had to manually update the options in the database. I dunno if this is a bug on your side or mine but it may be something worth looking into.
July 9th, 2009 at 8:06 pm
@BandonRandon Thanks for the feedback, I’ll look into it immediately
July 10th, 2009 at 6:57 am
@jb
Thanks for the reply. My wordpress blog here here;
http://julianmegsonsailing.com/blog/
Thanks, Julian
July 10th, 2009 at 7:43 pm
Hi,
It is an awesome plugin.
I installed WP-PrettyPhoto and it works with NetGen
But I cannot access the options page under settings.
When I click the link, it comes like http://domain/blog/wp-admin/wp-prettyphotowpppopt.php
And Error 404 is displayed.
What is the link to the options page?
Cheers.
Ali
July 10th, 2009 at 8:07 pm
@ali Thanks for the feedback. Can you tell me which link you clicked to reach the settings page? There’s one in the wp-prettyphoto box in the plugins list and another in the settings menu of the admin navigation. Check both, does one work? If so, which does and which doesn’t?
July 10th, 2009 at 11:49 pm
hey thanks!
Check this image http://ifthi.com/xtras/pp.jpg
I clicked on the red boxed link and it gave me Error 404
That is /blog/wp-admin/wp-prettyphotowpppopt.php
When I clicked on the blue boxed link (refer the pic)
The address bar said /blog/wp-admin/options-general.php?page=wp-prettyphoto/wpppopt.php
But the page displayed “You do not have sufficient permissions to access this page.”
Please advice.
Ali
July 11th, 2009 at 3:42 am
Looks like Ali is having the exact same issue i am. I know there was a problem with the wordpress plugins options allowing under-privileged user to view certain admin pages and this has recently been fixed with 2.8.1 (http://corelabs.coresecurity.com/index.php?module=FrontEndMod&action=view&type=advisory&name=WordPress_Privileges_Unchecked)
@ali, did you just upgrade to 2.8.1 by any chance? If not what version of wordpress are you using?
July 11th, 2009 at 6:33 am
Thanks BR
I did upgrade to WordPress 2.8.1
July 13th, 2009 at 2:52 am
Hi.. I’m running WordPress 2.8.1 and are having the same problems as ali. “You do not have sufficient permissions….” any suggestions?
July 13th, 2009 at 10:11 am
Having the same problem as ali and morten. Upgraded to 2.8.1 and now can’t get to settings at all, from either links. One goes to 404 error page and other one says: don’t have enough permission.
July 13th, 2009 at 11:22 am
Hi I have installed this before and have never run into a problem but now I am getting the same 404 error as above. Was there ever a fix for this? Please help!
July 13th, 2009 at 1:22 pm
please please!!
July 13th, 2009 at 1:50 pm
Everyone who’s having the insufficient permissions error, take a chill pill. I’ll work on it this week, meanwhile you can still use the plugin – just not configure it. So put that on hold, go outside, relax and most importantly, I don’t need 20 people to report it. 3 with the same error is enough to make it an important bug. Thank you.
July 13th, 2009 at 2:20 pm
@pluc thanks for looking into it. The world ends for those of us who can’t figure out a work around and you have stuff due.
You rock the party.
July 13th, 2009 at 2:38 pm
sorry pluc
but I can’t even use the plugin. It was working fine on this page where the link says”click here to see before and after” before I upgraded to 2.8.1 but now when you click on it, it just goes to another window.
thanks
July 15th, 2009 at 8:20 pm
Hi any luck on a fix? Any info would be great.
Thanks.
July 19th, 2009 at 2:56 am
A fix will be out in the next few days. To everyone who reported one of the various errors that came with upgrading to WP 2.8.1 or WPPP 1.3.4, please leave feedback as I was not able to reproduce all the bugs.
July 20th, 2009 at 7:45 pm
I encoutered the same problem after the update to 2.8.1 ..
the link in the admin panel gives me the Persmision message and the one form the menu the 404
the one in the menu links to
/wp-admin/wp-prettyphotowpppopt.php
the one in the plugin admin screen to
/wp-admin/options-general.php?page=wp-prettyphoto/wpppopt.php
besides that it’s working fine and it is my favorite lightbox plugin.. and since i’ve tried em “all”.. simply the best.. bigup!!
July 20th, 2009 at 8:12 pm
@Joax.nl Thanks, I truly appreciate the kind words. A fix is coming, hang in there.
July 21st, 2009 at 6:12 am
Hi, I was wondering if someone could tell how to put a link in the image description. I’m using pretty photo to display ads and would like to be able to link to the advertisers website.
July 21st, 2009 at 10:51 am
WP-prettyPhoto 1.4 will be released most likely tonight (July 22nd) everyone. Thanks for your patience and your feedback. I really love this release, its code is beautiful
One extremely important thing to note: The options are now located under WordPress’ MEDIA page.
July 21st, 2009 at 11:38 am
Thanks so much!! Whoot.
July 23rd, 2009 at 9:53 pm
Anticipation is killing me? Any luck on the update? Thanks again.
July 24th, 2009 at 6:10 pm
Hi pluc
Have you found the bugg?
If you need access to a testing enviroment that is experience this “You do not have sufficient permissions” problem send me a email.
Both my real blogg and testing blogg have this problem and if you want to use the testing one that is no problem becuse I reinstall that one all the time
July 24th, 2009 at 9:59 pm
Released. Let me know how it works out for everyone.
July 25th, 2009 at 5:52 pm
Hey Pluc,
Installed and activated the new 1.4 version. The options panel isn’t showing up under the MEDIA section. I tried refreshing browser, and logging in and out
July 26th, 2009 at 5:20 am
Works fine! Thanks for the plugin, loving it!
July 26th, 2009 at 8:21 am
I am having the same problem. I tried it on two different sites and the options panel doesn’t show up? Should I re-install everything from scratch?
July 27th, 2009 at 6:05 am
Hi Pluc
I did an upgrade now on my test server. Upgrade went fine but I can’t access the plugin under Media. The option menu can’t be found anywere.
You are welcome to look at it on my testing enviroment.
Martin
July 28th, 2009 at 2:02 pm
Hey, I guess we all know that there are no options at the moment. Can anyone tell me where to edit the right and left margins. They are pretty thin compared to the top and bottom but I can’t find the place to widen them. Many thanks!
July 28th, 2009 at 2:05 pm
Everyone: I just installed WP-prettyPhoto 1.4.1 on 3 different WordPress sites running on different servers and everything seems fine. The plugin works flawlessly and more importantly, I can see the settings inside the Media section. So, I need everyone who encounters that problem to email me at pL at fusi0n dot org and include a list of your plugins, your access right (user level), your wordpress version and if you happen to have a test environment, give me access so I can replicate the bug, because so far I haven’t been able to. Thanks
July 28th, 2009 at 4:53 pm
Ok, so, deleted and reinstalled plugin and now I have options in the “media” section. The only problem is that it won’t save any of my new parameters (specifically, the padding…but nothing seems to save when pressing “save”). I get the “settings saved’ message at the top but everything (all settings) reverts back to default. I have disabled all other plugins to alleviate a conflict to no avail. Any thoughts. I have admin control over the site.
July 28th, 2009 at 4:56 pm
Sorry, forgot to mention that the “image sizes” settings will save..just not the settings related to wp-prettyphoto..thanks
July 30th, 2009 at 9:51 am
Dear everyone who can’t view the settings. Forgive me for not being as clear as I could be. The options page is, since 1.4, located under Settings/Media – NOT under “Media” (as in Media Library). Sorry for the confusion.
July 30th, 2009 at 7:30 pm
thanks pluc for the release, i got the settings…but now I have the same problem as ‘ka’, waiting for a solution here
July 31st, 2009 at 2:15 pm
1.4.2 released, fixes the options bug. Thanks for everyone’s patience.
July 31st, 2009 at 2:36 pm
I am putting my portfolio on prettyPhoto (changing it from the older lightbox) but when showing pictures BIGGER than my screensize (15,4″ macbook pro) the image does not show at all.
Will this be the same for users with smaller screens (i.e. the 13″ macbooks)? Is there a way to scale to screen, and if the screen is bigger, just show the image (but not make it bigger)?
And is it possible to turn off the “expand image” button, it does not really work as the next image in the [sequence] is re sized automatically?
Appreciate any help
July 31st, 2009 at 2:39 pm
…aaaaand also how do I change the font under the image (title)
July 31st, 2009 at 5:30 pm
@Arild Orholm To change the description font style, just edit the CSS value for “pp_description”. As for your other question, I’m not sure I understand. Can you email me some more info/examples?
August 4th, 2009 at 2:34 pm
I’m hoping that this is a overlook on my part but I can not get this plugin to work for me. When I click on the link it opens in a new window. Is it a possibility that it is not working because of a conflict with another plugin?
August 4th, 2009 at 2:45 pm
@jensuz I’m not even going to reply to that. 11 thousand other people figured it out. As far as we know, there’s no compatibility issue that has been reported.
August 6th, 2009 at 9:40 pm
Steady on. I’ve implemented the plugin successfully on two sites but cannot get it to work on another, with results like that of @jensuz. I’m not an idiot, but there’s clearly no point in asking you for any ideas, then.
And you’re bit wide of the mark with your numbers. 11,900+ downloads does not mean “11 thousand other people figured it out”. Far from it.
I know it’s hard work supporting a plugin, especially dealing with what seem like inane questions, but don’t get too carried away with yourself.
August 6th, 2009 at 10:26 pm
Now that, on the other hand, is a great motivating reply, Ricky. Here are a few things that could be happening:
And thanks, in the name of humanity, for a well formed, informative post.
August 11th, 2009 at 5:32 pm
I know at this point you’ll think I should have been able to find answer within all these posts, but I wasn’t.
I can’t get pretty photoPhoto work on my wp, I did install it on 2.7.1 correctly, but it’s not working. I looked at the source code of sitefront and found out that the .js and .css files are loading with an extra “/” in front see the code below
src=’http://mywebsite.com/wp/wp-content/plugins/wp-prettyphoto//js/jquery.prettyPhoto.js?ver=2.4.3′
I tried to get rid of the “/” from the “wp-prettyphoto.php” line 37 and 41 (/js/..) and when uploaded back to server the pages broke at all.
Can anyone help me on this how to fix that double “//js”??
August 11th, 2009 at 5:47 pm
@lavaper Well spotted, I’ll release a fix tonight.
Edit: In fact, I just released it (1.4.4), thanks – your name’s in the credits besides the bug you found.
August 11th, 2009 at 5:59 pm
That was quick ! And where we download 1.4.4 from?
I checked wp dashboard/plugins – no update, wordpress.org – still 1.4.3
August 11th, 2009 at 6:11 pm
@lavaper WordPress Extend checks for updates in the subversion repository every 15 minutes. It takes longer for the dasboard to check though so check wordpress extend in a few minutes and redownload the plugin, it should show 1.4.4.
August 11th, 2009 at 7:33 pm
Hello! First, thanks for making a very beautiful plugin. I use it for my sketch blog and love it dearly. I’ve been trying to set it up for my photo blog and there seems to be a problem when the images display; they’re pushed about 10 pixels more to the left than they should be. I thought it was an issue with my theme rather than the plug in, but when I e-mailed the theme designer he couldn’t really help me. I’m not a CSS expert, so I turn to you for advice. Perhaps you have a better idea of what needs to be changed? Feel free to look at the website and see what I mean for yourself (I use it with nextgen gallery and have the most recent version). Thank you for reading this!
-Tia
August 11th, 2009 at 8:33 pm
@Tia Can’t really help you there, CSS is far from being my specialty. Do all the bundled themes do this? You might have more luck contacting the author of prettyPhoto.
August 13th, 2009 at 8:19 am
Hi everyone,
the “resize” button just vanished in my wp-prettyPhotos lightbox. All images are opened with a huge resolution.
Has anyone an idea to get the resize button back?
PS: the option “resizable” is enabled and wasn’t touched.
August 14th, 2009 at 4:52 am
Found some bugs in public function wppp_styles()
line 340/341: true must be without quotes
——————
$wppp_title = get_option(‘wppp_title’) == true ? ‘true’ : ‘false’;
$wppp_resize = get_option(‘wppp_resize’) == true ? ‘true’ : ‘false’;
———–
starting at line 346:
I added (“<b class=zoom></b>”). for extra element for a css zoom image overlay (loupe or something).
Changed $(document).ready(function() to jQuery(document).ready(function($) because jQuery is in noconflict mode in WP
Set correct default empty callback.
Escaped jscript to validate for xhtml
complete code snippet
—————————-
public function wppp_styles() {
$wppp_rel = get_option(‘wppp_rel’);
$wppp_speed = get_option(‘wppp_speed’);
$wppp_padding = get_option(‘wppp_padding’);
$wppp_opacity = get_option(‘wppp_opacity’);
$wppp_title = get_option(‘wppp_title’) == true ? ‘true’ : ‘false’;
$wppp_resize = get_option(‘wppp_resize’) == true ? ‘true’ : ‘false’;
$wppp_counterlabel = get_option(‘wppp_counterlabel’);
$wppp_theme = get_option(‘wppp_theme’);
$wppp_callback = get_option(‘wppp_callback’);
//ToDo WarmStal added (“<b class=zoom></b>”).for extra element for zoom image overlay
//Also chaned $(document).ready(function() to jQuery(document).ready(function($) because jQuery is in noconflict mode in WP
//And default empty callback.
$zoomImage = ‘.addclass(“‘.$wppp_rel.’”).find(“img”).before(“<b class=\’zoom\’></b>”).end()’;
if(!$wppp_callback)
$wppp_callback = ‘function(){}’;
$output = <<<EOHTML
<script type=”text/javascript” charset=”utf-8″>
/* <![CDATA[ */
jQuery(document).ready(function($){
$("a[rel^='{$wppp_rel}']“){$zoomImage}.prettyPhoto({
animationSpeed: ‘{$wppp_speed}’,
padding: {$wppp_padding},
opacity: {$wppp_opacity},
showTitle: {$wppp_title},
allowresize: {$wppp_resize},
counter_separator_label: ‘{$wppp_counterlabel}’,
theme: ‘{$wppp_theme}’,
callback: {$wppp_callback}
});
});
/* ]]> */
</script>
EOHTML;
echo $output;
}
—————————–
August 18th, 2009 at 4:04 pm
@pluc thanks everything works perfectly !
also I noticed the bug fix credit has been indexed by google, can you please modify this line to have the right name associated with the website, thanks again!
currently is:
= Version 1.4.4 =
* Fixed a path bug in JavaScript & CSS inclusion ([lavaper](http://jivanduduk.com/))
correct one should be:
= Version 1.4.4 =
* Fixed a path bug in JavaScript & CSS inclusion ([theMediaWorx](http://jivanduduk.com/))
August 19th, 2009 at 5:23 am
I have the same problem as philipp
August 22nd, 2009 at 8:29 pm
thank you!!!
It’s been a pain the last few days finding a suitable jquery lightbox. Mootools let me down due to compatibilty conflicts with my jquery wordpress theme.
Can’t thank you enough, everything works!
Michael
August 28th, 2009 at 8:12 pm
Hello, after reading all of the praise, I can’t wait to get this to work! Problem is, it’s not. I’ve installed the WP plugin without a hitch, and have followed the directions thoroughly. However, I am not getting the Lightbox effect when I test.
Running locally, I’m trying to run an swf, but it’s showing the movie fullscreen, no lightbox. I have also tried showing youtube content, but the link just kicks me to the youTube page.
Any ideas where I’m going wrong? I’d really like to use this plugin. I do have another lightbox plugin installed, but I’ve tried de-activating that with no luck either.
Thanks!
Josh
September 1st, 2009 at 12:39 pm
@jbudd Can you give me a link to serve as an example so I can see what went wrong?
September 1st, 2009 at 11:42 pm
Hey, thanks so much for getting back to me. http://buddesigns.com/?page_id=3 click on Consumer tab then 5 images down (cartoon), I have your plugin installed… Still haven’t removed it since this site is very much a work in progress… Not officially live…
September 2nd, 2009 at 11:18 am
@jbudd First off, you’re loading jQuery about 3 times – that can’t be good. The reason why it worked when you were working offline could be that you’re including a remote jQuery (via GoogleJS), and it wasn’t able to load properly since you were offline, so it used the local one provided by WP-prettyPhoto. Try removing that. Also, you might want to remove Lightbox as WP-prettyPhoto offers the same functionalities. It will avoid conflicts and loading useless libraries (lightbox+scriptaculous). Let me know. Oh and by the way, WP-prettyPhoto 1.5 will be released soon, and it will allow you to open up a prettyPhoto window from Flash animations. Check out the API documentation on prettyPhoto’s site!
September 2nd, 2009 at 11:57 am
Cool man. I was figuring that had to be the case and I have tried a few things to get around having so many instances of jquery in my doc, including removing the google route in my header, but that breaks the animation and tabs… I want to get rid of the other lightbox plugin and use prettyPhoto exclusively, but I can’t commit yet. I’ll mess around with it a little more and see what happens. I AM NOT A DEVELOPER BY ANY MEANS!
September 2nd, 2009 at 1:01 pm
^ I did a whole lot of gymnastics to get this to work, but I GOT IT! I scrapped the plugin and put the necessary js and css paths in the header, and set it up as seen here: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
Works beautifully! Thanks for your replies too! Good luck.
September 3rd, 2009 at 10:31 am
Folks, we’re at 118 comments on this post, so I think it’s time to move on to something else. WP-prettyPhoto just got itself a support forum located on Stephane Caron’s (prettyPhoto’s author) site. It’ll be much more practical for me (and for you) to provide and ask for support, so feel free to ask your questions there. I won’t be answering any support questions here, consider yourselves in the know. You can reach the support forum at http://forums.no-margin-for-errors.com/?CategoryID=8
September 4th, 2009 at 10:45 am
Today I updated to the latest version of wordpress in a long time (about 1 year ago since the last one). After some problems all works fine agian exept my lightbox plugin. I have tried like 10 different plugins and none work. They all just don’t activate in some way and it results in the picture just opening in the brouwser
I hope you can tell me what I’m doing wrong.
September 4th, 2009 at 10:49 am
@Altasia Sure I can. You’re still using this thread for support, that’s what your doing wrong. Which part of “I won’t be answering any support questions here” didn’t get through? It’s not like it’s hard to find, move your eyes a centimeter up and you’ll know exactly what to do. On another matter, this is the blog of the author of WP-prettyPhoto, not Lightbox. I’m not sure how anyone can expect you to read their installation instructions correctly when you can’t even read how to ask for support and where to do so.
September 6th, 2009 at 11:39 am
Hey there just installed on ammoboxproject.com works perfectly thank you so much saved me hacking around – do you plan to suppore the latest version 2.5.2 at any time?
September 6th, 2009 at 1:48 pm
@Phil I’m working on version 1.5 which makes use of the features implemented in prettyPhoto 2.5 (API, shortcodes, etc)
September 6th, 2009 at 4:00 pm
Fantastic. Thanks so much!
September 12th, 2009 at 3:52 pm
@pluc I still have “Allow resize” as an option in the menu which doesn’t do anything for me this is what makes this plugin prefrable to the other lightbox clones.. now it’s just another clone with a nice transparent look..
i don’t want to annoy you or anything but please tell what’s up.. it’s like 2 or 3 updates ago when this function started failing and it’s the best pro it has over the other ones i think
September 13th, 2009 at 12:17 am
@Joax I can’t fix something I don’t know is broken. You’re the first one to bring it up. I’ll check it out.
September 13th, 2009 at 8:54 am
it’s been brought up before if you read a few pages back.. but most people might not see this as a problem cuz their focus isn’t completely on visual stuff.. like my graffiti site
anywayz.. thanks a lot for doing this plugin and checkin this out
September 13th, 2009 at 7:21 pm
@Joax 1.5.1 should fix your problem, thanks for reporting it, you’ve been credited.
September 14th, 2009 at 3:53 pm
thanks a lot bro.. works great now..
yesterday that is.. thanks a lot! 
i want people with a bigger screen to enjoy the bennefits of it.. but not shit people with a smaller one in the face
you’ve been credited on paypal
September 14th, 2009 at 3:56 pm
@Joax Aaah, that was you! Thanks. Enjoy. Btw, if I may, you really should reduce the number of posts you show on your homepage. You have LOTS of images, and it takes forever to load. prettyPhoto takes forever to bind, so if I click on a picture before the whole thing is loaded, prettyPhoto doesn’t pop but goes directly to the picture. Just a head’s up.
September 25th, 2009 at 5:37 am
The installation is simple up until you actually try to make the pretty photo work. Either I’m dumb, or there is a huge cliffhanger in the instructions and the readme file. I’m not so experienced with HTML, but I think I know enough to know you guys are phrasing all of your information in a very encrypted format.
That’s my only complaint. I’m still trying to figure this out.
September 25th, 2009 at 7:17 am
@pluc yeah i noticed.. i’m workin on it.. goin to keep it at a post thumbnail with a gallery on the single post page..
appart from all the loading it’s not very good for search engines to have that many anchors at a page..
it’s also a little chaotic to the visitors offcourse.. and on top of that i can’t see which post is viewed the most cuz you can view all of em on the frontpage :S haha.. i got so much trouble on my mind
@gary if you are using Nextgen u gots to add
<code>rel=”wp-prettyPhoto[1]“</code>
in the Gallery > Options > Effects panel..
if your not using Nextgen.. you should
but the lightbox effect should add itself automaticly while your inserting an image.. if you inserted the images before installing a lightbox plugin you should add the same rel=”" code to each <a> tag
September 25th, 2009 at 10:17 am
@Gary Call it Natural Selection.
September 26th, 2009 at 11:28 am
Hi,
I got a strange issue. Out of the blue prettyPhoto has issues with the rel. I ger the following error
TypeError: Result of expression ‘$(“a[rel^='lightbox']“).prettyPhoto’ [undefined] is not a function.
But even more strange only doesn’t work on some pages. Check out http://jausenbox.at and the greenish JausenBox News button. It works on some pages and not on others.
Any idea what’s wrong.
Thanks Thomas
September 26th, 2009 at 12:04 pm
Ok, now what I do to resolve the issue is to delete those pages and republish them. Everything works afterwards. Strange thing
September 27th, 2009 at 3:10 pm
the automatic upgrade doesn’t work now.. don’t know if this has sumtin to do with the plugin or with my WP install freakin out.. ‘all’ other plugins upgrade fine
September 27th, 2009 at 3:13 pm
@Joax What does it say? If the problem persists, try re-downloading it from wordpress extend, a clean installation should solve the problem (if it’s on WP-prettyPhoto’s side). Start a thread at the support forums and tell me what’s happening.
September 28th, 2009 at 11:32 am
Hello,
I love your plugin! I was however looking for a way to show all external sites using IFRAME. So I removed any searches for patterns (.*iframe=true.*) from the PHP file, this however does not work.
Can you pls. give me a tip how I can do this? So, have all external sites show inline using WP-PrettyPhoto?
Thanks a lot and best regards
Pim
September 28th, 2009 at 12:20 pm
Please use the Support Forum. http://forums.no-margin-for-errors.com/?CategoryID=8
October 1st, 2009 at 9:29 am
Hey there, great plugin, just evaluating for a site and ran into an issue. I activated your plugin and when in the Media Settings page, I changed the standard WP image size dimensions and upon saving, my changes are not saved. After some troubleshooting, I was able to consistently solve the issue by deactivating your plugin, making my changes that were then saved, and the re-activating your plugin.
It looks like saving the image size settings is being affected by your plugin.
Can you have a look and see if you can duplicate the issue?
October 1st, 2009 at 9:29 pm
I am closing the comment for this thread as people can’t seem to understand that I want them to use the SUPPORT FORUMS for support requests. The forums are accessible at this URL: http://forums.no-margin-for-errors.com/?CategoryID=8 – FYI, the HD of the server the support forums are on crashed this week (Oct 4-10) – it’s back up now but all answered threads are gone.