prettyPhoto is a jQuery lightbox. It support images, videos, flash, YouTube, iframes. It’s a full media lightbox, and I like it very much.
I found a small bug in its CSS. In IE8 this lightbox produces horizontal scroll bar.
It can be fixed with following code in prettyPhoto.css file.
/* needed for ie8 to delete horizontal scroll */
.pp_overlay {max-width:100%;}Also in the new version 3 of prettyPhoto there are thumbnails of next pictures inside lightbox content appeared. If we want to retain the old look of the plugin, they can be disabled from CSS by this code:
/* hides inner gallery thumbs */
.pp_gallery {display:none !important}P.S. This fix is not needed if you use WP prettyPhoto plugin. Probably the plugin still uses older version.
Thank you so much! Works perfectly. Great post 🙂
You do not need to modify the CSS to remove the gallery thumbs.
You can use the built in method to disable them.
jQuery(“a[rel^=’prettyPhoto’]”).prettyPhoto({
overlay_gallery: false
});
Worked, thanks a lot.