prettyPhoto support - Vanilla 2

New Print button for Pretty Photo

mmilitia — Tue, 07 Feb 2012 17:21:05 -0500

add this script top or bottom of your prettyphoto.js

function printIt(printThis) {
var win = window.open();
self.focus();
win.document.open();
win.document.write('<'+'html'+'><'+'body'+'>');
win.document.write($pp_pic_holder.find('#pp_full_res')[0].innerHTML);
win.document.write('<'+'/body'+'><'+'/html'+'>');
win.document.close();
win.print();
win.close();
}

and find the social media markup (line 67)
you can add the new div before twitter div or enywhere else...

bon appetit

gallery_overlay does not show when opened via API

dennispopel — Tue, 07 Feb 2012 13:32:17 -0500

Hello,

I need to open PP via $.prettyPhoto.open(urls). But in this case, the gallery overlay does not show. gallery_overlay in settings is on.

Also, is there a way to dynamically change content of the opened PP via API? My scenario is as follows:
1. Open PP with the loading gif, while background ajax call fetches the list of images URLs
2. Have the opened PP show the fetched gallery.
Currently, calling open() for the second time does not have any effect, while closing/opening produces annoying flicker.

TIA

Facebook like strips the shebang (#!)

seyDoggy — Tue, 07 Feb 2012 13:17:40 -0500

This is concerning a prettyPhoto gallery. (/#![gallery]/)

In an earlier post I described how Facebook was unable to recognize a gallery URI using encodeURIComponent but could with encodeURI. The trouble is Facebook seems to get hung up on the shebang if the URI is simply encodeURI or not encoded at all.

Is there any way to get Facebook to like a particular image in a prettyPhoto gallery?

Alternate content for a SWF so it doesn't break on mobile?

angelaferrell — Tue, 07 Feb 2012 12:45:49 -0500

I have a portfolio site with eight SWFs. Is there a way to show alternate content, i.e., a jpg, instead of the SWF if the site is being viewed in iOS?

Facebook Button Not Working

xparrot — Sat, 17 Dec 2011 20:00:51 -0500

Twitter button seems to be working fine, but the Facebook button on my site isn't. I've tweaked the CSS, but not the JS.

http://www.lutzcreativegroup.com/portfolio

Facebook like and encodeURIComponent vs encodeURI

seyDoggy — Tue, 07 Feb 2012 10:03:06 -0500

I've found with various tests that Facebook button doesn't recognize the photo URL in the Like button when encodeURIComponent is used (as is found in prettyPhoto now), but does when encodeURI is used. Is there a reason why one is used over the other before I put my own such changes into production?

Image cannot be loaded. Make sure the path is correct and image exist.

benfrain — Wed, 28 Jul 2010 23:41:31 -0400

It was a problem with prettyPhoto converting all url's to lowercase (even though the images were UPPER case). The solution is documented in these forums. Search 'comments' (as opposed to posts) for 'lower' and you will get the answer.

prettyphoto and cformsII

tipone — Tue, 07 Feb 2012 04:49:24 -0500

Hi, wise mans!

Have you ever tried to combine pp inline code popup with cforms2 plugin for wordpress? It would be be such nice combination - modal cform form.

I tried http://pastebin.com/f92fKRf5, but it not working. It opens form nicely, but when I try to press submit - nothing happens. When I tried to change div style to visible, nad tried to submit form with errors, the errors were shown beind the modal window - in source.

do you have any clue how to combine them together?

The display of "thumbnail" is strange.

mashuone — Tue, 07 Feb 2012 04:20:10 -0500

I am sorry.
The category which contributes was mistaken...

The display of "thumbnail" cannot be performed well.
Please teach me the correction method.

http://www.serenesse.com/_conditioning/german_footcare/foot_0.html

SOCIAL TITLE AND DESCRIPTION LINKING

zamartz — Thu, 12 Jan 2012 13:44:36 -0500

I have rebuilt the Facebook Like Button rewrite to replace a {location_href} for an alternate social URL

// Rebuild Facebook (social) link Button with updated href
if(settings.social_tools){
facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href));
$pp_pic_holder.find('.pp_social').html(facebook_like_link);
}
// END Rebuild Facebook (social) link Button with updated href

In the same line of code:
I want to have a {social_title} replaced with the Image Title
&
I want to have a {social_desc} replaced with the Image Description

HOW?

Problems opening an html...please help!!

val23 — Mon, 06 Feb 2012 13:53:28 -0500

Everything works great except for the fact that I can get rid of the top and left padding (I think).

In the html it self I want to be able to have a bgd picture, but I don't want it to show when I open the html in prettyphoto (it looks like a page in a page!).

Is there a way to set prettyphoto so that it opens just the actual body, not including the background picture?

I hope what I wrote make sense, here is the link to the home page:

www.cloudbiography.com

Thank you!!

Get rid of margins or padding in pretty photo!!

val23 — Thu, 19 Jan 2012 19:20:14 -0500

I'm using prettyphoto to open html pages. I resized pretty photo to open at the same size of my #outer div. If in the html that I want to open I place a background image, prettyphoto display the html including the bg image.
How can I get rid of the margin or padding in the div?? Which one is the actual div content?

Thanks!!

Inline content & jQuery events

adupuis — Sun, 05 Feb 2012 07:05:01 -0500

Hi,
it might be a dumb question but I have an issue with inline content and prettyPhoto :
- I set all html and it show very well in prettyPhoto (thanks for this great plugin by the way !)
- the html is actually a form and the submission trigger a call to a webservice to add content in a database
- before making the webservice call, I make a first check for data integrity (as much as I can do that with js...)

My problem is that I cannot access fields values with common jquery handlers. For example, my code is :

(The part to actually display this inline content into a prettyPhoto lightbox is not the issue here, it works perfectly fine)

My problem is that ce_type is never filled with the correct value.

Does anyone have any suggestions ?

Image fitting to window

rekates — Mon, 30 Jan 2012 17:08:04 -0500

Hi - I'm trying to tweek the image auto-resize thing so that the image is only 100 pixels smaller than the window instead of 200: (the part where the image is sized to fit the window if the window is smaller than the full-res image.)

function _fitToViewport(width,height){resized=false;_getDimensions(width,height);imageWidth=width,imageHeight=height;if(((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight))&&doresize&&settings.allow_resize&&!percentBased){resized=true,fitting=false;while(!fitting){if((pp_containerWidth>windowWidth)){imageWidth=(windowWidth-200);imageHeight=(height/width)*imageWidth;}else if((pp_containerHeight>windowHeight)){imageHeight=(windowHeight-200);imageWidth=(width/height)*imageHeight;}else{fitting=true;};pp_containerHeight=imageHeight,pp_containerWidth=imageWidth;};_getDimensions(imageWidth,imageHeight);if((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight)){_fitToViewport(pp_containerWidth,pp_containerHeight)};};return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(pp_containerHeight),containerWidth:Math.floor(pp_containerWidth)+(settings.horizontal_padding*2),contentHeight:Math.floor(pp_contentHeight),contentWidth:Math.floor(pp_contentWidth),resized:resized};};

I changed the window width to (windowWidth-100) and did the same for the window height. It works perfectly in Firefox, but for some reason Safari freezes and the image never comes up - even the twirling icon freezes. It seems there is something in there that Safari doesn't like.

Anyone know why this is happening? (I'm using prettyPhoto 3.1.2)

Thanks, ~bk

Add space between thumbnails

Bokehman — Sat, 04 Feb 2012 19:23:25 -0500

How can I increase the margins on the thumbnails? I've been altering the prettyPhoto.css file but no matter what value I put in nothing changes when I preview.

Thanks in advance.

Facebook like box doesn't show?

swen — Sat, 04 Feb 2012 14:05:20 -0500

Hi,

I've installed wp prettyphoto, however the facebook like box (or twitter) isn't showing. Do i need to install an extra plugin?

Thanks :)

It simply doesn't work :(

jeremynative — Sun, 22 Jan 2012 09:02:30 -0500

Hi I am trying to get it to work here

but when I click the image, it just opens in a new blank window

I used the code suggested on your page

Yet it doesn't work

Can you please help me with this problem :)
thanks

Can't disable social tools

Nge — Sat, 04 Feb 2012 03:29:52 -0500

I have read all threads and tried "social_tools:false" but no way. Am I doing something wrong?

This is what I've done:

(function($){$.prettyPhoto={version:'3.1.3'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,social_tools:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'

"X" is displaying over the title...

steveshiver — Fri, 03 Feb 2012 17:51:54 -0500

The close button "X" is displaying at the bottom left of the lightbox instead of upper right. Can't figure out how to resolve this ... any help ... anyone?
Steve

Twitter text

cristina — Thu, 02 Feb 2012 20:05:06 -0500

Is there any way I can customize the twitter text? When i click the button tweet on my photos, I get this:

Photo of the Week | | travel4wildlife.comtravel4wildlife.com http://travel4wildlife.com/media-gallery/photo/

the name of my website comes up twice. It looks poor and takes a lot of space. What can i do?
thanks!

Open prettyPhoto on form submit

Spicle — Thu, 02 Feb 2012 14:01:15 -0500

Hello,

I am trying to get prettyPhoto to open with Ajax content when a form a submitted.

Here is my form:

As you can see I tried to load it using the API, and it's working fine. I'll then have to include with JS/jquery the input field's value to the URL, which I can do as well. I am wondering if there is a quicker/more effective solution to this?

Thank you for this great plugin and thanks in advance for your replies guys.

How to get image name to appear in with image.

gaforgy — Thu, 02 Feb 2012 13:38:58 -0500

If anyone could inform me how to have the image filename show up in prettyphoto i would be very grateful. I have changed the value to true

jQuery.extend({animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,
thanks in advance

Facebook like text box popup

tatof — Tue, 31 Jan 2012 06:00:42 -0500

Hello everyone,

I've been a satisfied PrettyPhoto user for a long time. Most of my 'problems' I could solve by myself. But lately I got this issue that's driving me crazy.

Actually it's not an issue, it's more of a question by one of my customers.

He want's this Facebook comment box to pop up when he's pressing the 'like' button on the PrettyPhoto popup window.
Here is an example of what he means:

http://img408.imageshack.us/img408/5825/facebookgoed.jpg

My question is, is this possible, and if its possible, how can I fix this?

Many Thanks,

Tatof

Disable page reload when closing prettyphoto

yasmine — Thu, 02 Feb 2012 06:04:22 -0500

I noticed that when the close button is clicked the page is reloaded, how can I cancel this behavior?
Thanks in advance

Launch Gallery Automatically When Page Loads

donhdefl — Thu, 02 Feb 2012 04:48:20 -0500

Is there a way to launch the first image of a gallery and the gallery thumbnails, previous, next and close buttons when a page loads?

function _getFileType error

batoo — Wed, 01 Feb 2012 20:57:14 -0500

After i change my image URLS, i got this error http://prntscr.com/5smtn

Screenshot from my HTML http://imm.io/fHo4

Everything was working fine when i had urls like href="/uploads/1.jpg" ...

Solution pls?

Youtube use throws 'flashremoveCallback' is undefined errors in IE9

nessthehero — Fri, 21 Oct 2011 15:11:13 -0400

Using a prettyphoto script to create a video overlay, not altering much besides some CSS and using a custom callback to append some text to the details container.

When the overlay is closed in IE9, it throws a storm of errors.

An example of this in practice is here: http://healthymarriageinfo.org/ Click on one of the two videos in the center section underneath the large photo display.

Another example is ... YOUR DEMO PAGE!! Click the youtube demo in IE9 and it will explode with errors (provided that error tracking is turned on)

More info regarding the callback error (related to the error but not posted by me):

http://groups.google.com/group/youtube-api-gdata/browse_thread/thread/5ea6940d69105dcc

It seems like the problem is the google youtube api is not able to destroy the video before the iFrame is removed from the DOM.

I love prettyPhoto, but this error might not make it past Quality Assurance testing.

Problem to load lightbox

stijnos7 — Mon, 30 Jan 2012 04:55:04 -0500

Hello!

I installed everything like lightbox tutorial, it won't load the picture lightbox... It goes directly to a new blank window...
I guess there is a problem when i link it to my template...
Thxx

Remove borders from thumbnails

Yaelede — Sun, 11 Dec 2011 06:06:19 -0500

Hi,

How do I remove (or just make a simple 1px wide) border and shadow from the PP thumbnails?
I'm using small thumbnails, so wide borders look not so nice, and it also takes place, and I have to put the thumbnails in a relatively narrow div.

Thanks

All browsers but IE8 work ...

problem — Wed, 01 Feb 2012 07:30:34 -0500

Hi All,

I've implemented prettyPhoto numerous of times but this time i can't get it to work.
Not even if i disable all other scripts in the site...

The problem only exists in ie8, firefox and ie9 work perfectly.

http://goo.gl/PngfQ

The pictures in the top left are clickable, as wel as the yellow 'NAP' image halfway down the page.

Hope to hear from you guys!

Cheers,
Robbert