All Discussions - Vanilla 2

Mixed Gallery

nono — Wed, 16 May 2012 12:41:14 -0400

Hi,

What is the html code for a mixed gallery (photos + flash movies), I try it but it doesn't work?

Thank you for your answer.

Bruno

new prettyPhoto theme in an iframe

ktpmm5 — Wed, 16 May 2012 15:03:29 -0400

I want to load the light-rounded theme for my prettyPhoto popups (it loads a simple text file). I get the text in a tiny iframe with scrollbars (another issue), but it is not the light-rounded iframe I had hoped for. Can someone help me figure out what I am doing wrong?

Here is how I call my iframe:


read more →

Here is the script.js call:


//pretty photo
jQuery(document).ready(function(){
        jQuery(\"a[rel^='prettyPhoto']\").prettyPhoto({animationSpeed:'slow',theme:'light_rounded',slideshow:false,overlay_gallery: false,social_tools:false,deeplinking:false});
});

Bug fix for titles that are "too long" and cause PrettyPhoto to freeze

vigrond — Wed, 07 Mar 2012 18:04:13 -0500

Came across a bug where if your title text in your link is too long, PrettyPhoto will freeze.

This is caused by a neverending recursion loop on line 601 of v3.1.4 in the _fitToViewport function. (Because the height of the pp_description is causing the auto resize feature to keep autoresizing, but can never get small enough)

To fix,

move
line 598: _getDimensions(imageWidth,imageHeight);

to AFTER

line 600:
if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){
_fitToViewport(pp_containerWidth,pp_containerHeight)
};

so it looks like this:

if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){
_fitToViewport(pp_containerWidth,pp_containerHeight)
};

_getDimensions(imageWidth,imageHeight);

Resize bug in prettyphoto 3.1.4

babyewok — Wed, 16 May 2012 13:46:10 -0400

Just downloaded version 3.1.4 in the hope that it would fix this issue - but unfortunately it didn't. Whenever prettyphoto needs to resize the image on a smaller screen, it crashes. This happens in Firefox, Chrome, Opera and IE (not tested on Safari yet), although ONLY when the social tools are enabled.

I would consider this a pretty major bug if you want to use the social tools..... any solutions? This is the first time I've enabled the social tools, so never notice dteh issue in previous versions, but this issue has also been reported in version 3.1.2 here:

http://forums.no-margin-for-errors.com/discussion/1586/prettyphoto-3.1.2-firefox-chrome-ie-bug/p1?post#Form_Body

Browser dies on small browser window

knutola — Thu, 05 Apr 2012 01:26:38 -0400

There is a bug (death of browser window/endless loop) when you have a caption text and the browser window is too small to display both picture and capture. This usually happens when you have a thin vertical image (like rom a smartphone). If you resize with a low height on your browser (Chrome, Firefox, ..) and open this http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto[pp_gal]/0/ you will get the same error.

I tried this on both ubuntu and windows computer. It only happens when you have a caption and the browser windows happens to be small (as described above)

Bug in prettyPhoto (if description is too long prettyPhoto keeps reloading and crash browser)

jdsampayo — Sun, 08 Apr 2012 23:15:11 -0400

If you add a very long description and preferably to test a "vertical" picture, the plugins crashes the browser trying to reload again and again, I suspect that this happens when the text can't fit in current bounding box.

Corrected if I crop the description.

Errors when loading images during IE 8 compatibility testing

vancarney — Fri, 04 May 2012 17:31:56 -0400

We get serious javascript errors from jQuery (1.7.2, 1.7.1 and 1.6.1) when the user "clicks" on the large photo in the gallery window. The error is very ambiguous (line 18 on jQuery 1.6.1 and line 14 on jQuery 1.7.x) and IE 8 gives no call stack to track the issue down with. But it's definitely in relation to PrettyPhoto and happening after the image has been loaded and is being sized.

We also saw some resize issues across ALL browsers yesterday, but was able to get around that by setting the autoresize option to false. This issue might be related.

As it is, it appears Pretty Photo 3.1.4 is broken and we are rolling back to earlier version against jQuery 1.6.1 in hopes of getting something that works without errors and without having to resort to rewriting prettyPhoto with try/catch around all jQuery calls.

CSS3 rounded corners instead of images

copaesthetic — Fri, 18 Nov 2011 13:15:28 -0500

How do I go about using CSS3 rounded corners instead of the supplied graphic themes? Really, all I'd want is to not use any external files while still getting the default styling via CSS. Thanks!

prettyphoto 3.1.2: firefox, chrome, IE bug

max — Sun, 08 May 2011 05:10:12 -0400

If I open the browser window with a small size, a js script stops the browser.

this is what happens if I open the first demo of the page
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
using scaled firefox

http://i56.tinypic.com/rtnvhu.png

not all downsizing crash the browser, but only a few attempts to find

thanks

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.

single image pretty photo - not working

notrin — Wed, 16 May 2012 13:17:38 -0400

closed

PrettyPhoto do not work with long caption!

taiju — Wed, 16 May 2012 06:02:10 -0400

I've set up my page exactly as instructed.
Normally pretty.photo is working.

However if the image has long text, some of browser would be crush.
(please see below)

long text (waring! your browser will be crush)
http://web2.nazca.co.jp/hoge/long.html

no long text (working)
http://web2.nazca.co.jp/hoge/short.html

please give us some advice.
Regards,
Taiju

prettyPhoto Swf Loader Instead of Gif

boodaddy — Tue, 15 May 2012 06:57:34 -0400

Hello I am wanting to use a small swf loader instead of the gif. Can someone please tell me how I can do this? I changed the .gif to loader.swf and it is not showing up. I appreciate any help you can offer.

Thanks. I appreciate your time

Vimeo Pro embed?

thomen — Tue, 15 May 2012 21:20:23 -0400

Hi guys try as I might I can't seem to get a vimeo pro link to appear in prettyPhoto. It's a little different from the standard url in that it lets you pass items to the api so that you can skin the player..

the result is an iframe..

so basically prettyphoto would need to take the url.. throw it in an iframe and then ti should just work for both flash and html 5..

just wondering if anyone had done anything for this as i noticed in the change log there is vimeo iframe support..

Thanks so much

Make PrettyPhoto image area bigger

pierrestjacques — Tue, 15 May 2012 13:46:00 -0400

I'd like to make the initial 'stage' with the picture and the various navigation elements bigger.
Here's a pic: http://bee-productions.com/antiqueria/test1.png
The white around the image is good, even the thickish black line around that. It's the amount of the greyed-out space around all this that I'd like to minimize [especially top/bottom wise]

Any help would be appreciated.
thank you

Showing duplicate images

MrStompy — Tue, 15 May 2012 05:59:59 -0400

Hi there

I have PP set up and working nicely.
THe only problem i have is that is that when i use many images in the one gallery it is showing the first image Twice.

It does this as i have added that image to the list twice.
When there are multiple images available for that page it shows the first image as a large main image and then all of the available images as thumbnails below the main images (it also includes the main image again as a thumbnail).

in my search for a great gallery viewer i tested a couple others and some of them automatically remove the duplicate images from the list but so far i have not been able to get PP to do the same

Is there a setting I can alter to get PP to filter out duplicate images?

Address bar issue in Firefox

kingvandal — Mon, 14 May 2012 12:43:59 -0400

First off this is on a kiosk running ff 4.0. Before you ask no I cannot upgrade it.

This issue is when the user clicks the video the web address changes to:
http://WebServer/tester/WebPage.html#!prettyPhoto[movies]/0/

When you close the video by clicking somewhere else on the page the link changes to:
http://WebServer/tester/WebPage.html#!prettyPhoto

When this happens the back buttons no longer work for the page they are currently on. You have to hit home in order to leave the page. If you are browsing from a computer with matching ff 4.0 you can click back twice to get out. This does not happen on the kiosk.

Is it possible to have a script that will, on close of video, change web address back to:
http://WebServer/tester/WebPage.html instead of the http://WebServer/tester/WebPage.html#!prettyPhoto

Thanks

Facebook Like Button Issue

cyandrea — Mon, 14 May 2012 06:09:16 -0400

I'm having a weird problem on this page www.vivopositivo.it/media/foto/guarda-chi-sorride-over-18-e-famiglie/ with the like button. I'm using PrettyPhoto to include the pictures from Flickr and open them in a lightbox. Each picture has it's own like button which shows in the lightbox and uses a specific URL such as:

http://www.vivopositivo.it/media/foto/guarda-chi-sorride-over-18-e-famiglie/#prettyPhoto[pp_gal]/1/

where the number in #prettyPhoto[pp_gal]/1/ is the key for the specific image.

This works for most of the images, but for some of them it doesn't! They seem to get the like counter of the page instead, therefore, I get about 10 images which show the same 128 like counter which is obviously wrong (ie image n.2). This seems completely random..

Do you have any idea on how to fix this?

Cheers, Andrea

test

taiju — Mon, 14 May 2012 04:55:10 -0400

test

Problem Installing prettyPhoto

katmac — Sat, 12 May 2012 18:09:46 -0400

Hi
I am using wp 3.3.1. and have downloaded the pettyPhoto compressed zip file "prettyPhoto_compressed_3.1.4".
In the admin panel I have selected upload plugin and selected the above zip file then press install.
I receive an error message saying

Unpacking the package…
Installing the plugin…
The package could not be installed. No valid plugins were found.
Plugin install failed.

What could be the problem?

Thanks.

Javascript error

dmorton — Fri, 11 May 2012 16:21:25 -0400

I've set up my page exactly as instructed (however, I had to modify the jquery reference to point to an actual file - your example says jquery.js, I changed it to jquery-1.6.1.min.js). I also included the startup code at the bottom of my page:

$(document).ready(function () {
$("a[rel^='prettyPhoto']").prettyPhoto();
});

When I run it, javascript blows on the $ sign with this message.

Error: The value of the property '$' is null or undefined, not a Function object

What else do I need to do to make this work?

Bad value prettyPhoto for attribute rel on element a: Keyword prettyphoto is not registe

coder5a — Fri, 11 May 2012 01:20:45 -0400

I used W3 Validator to check my code from Dreamweaver and the following message kept popping up?

"Bad value prettyPhoto for attribute rel on element a: Keyword prettyphoto is not registered?"

What does this mean exactly and how can I correct the coding to be valid?

Moving "X" Close to Top

scottscomp — Thu, 10 May 2012 21:56:15 -0400

After 5.5 hours trying to figure this out, I give up. I'm a pretty smart guy - I know HTML, CSS, ColdFusion, MySQL, and a little javascript but I could not for the life of me figure out how to:

Move the "X" Close button to the top of the frame.

I scoured the forum and it looks like no one else figured it out either.

Our site:
http://forexverified.com/reports/wallstreetforex/wallstreet006.html
(click "Symbols" tab, then select a symbol, such as NZDUSD. A statement will pop up in prettyPhoto)

Here's what it looks like 'before':
http://forexverified.com/ppsupport/before.gif

I have tried moving the 'pp_details' DIV (which houses the 'pp_close' link) into every other DIV above it. I noticed the "Expand" button is in the location I want to be, so I tried moving the 'pp_details' DIV underneath the 'pp_fade' DIV, where the expand button is. This is what I get:

http://forexverified.com/ppsupport/after.gif

It's a step in the right direction but something is covering the rest of my content.

This is what I am looking for:
http://forexverified.com/ppsupport/desired.gif

Any ideas?

Scott

Launching a gallery, from an image that is not a part of a gallery

soloo — Thu, 08 Mar 2012 18:14:46 -0500

I have a problem with launching a gallery, from an image that is not a part of a gallery. Basically I have couple of thumbnails that create a gallery [gallery1]. But I also have an image with a logo of this gallery, that I want to be clickable and it should load first item from [gallery1]. So basically something like:

< a href="images/g1.jpg" rel="prettyPhoto[gallery1]">< img src="images/gallery1_logo.jpg" />< /a>
< a href="images/g1.jpg" rel="prettyPhoto[gallery1]">< img src="images/g1_thumb.jpg" />< /a>
< a href="images/g2.jpg" rel="prettyPhoto[gallery1]">< img src="images/g2_thumb.jpg" />< /a>
< a href="images/g3.jpg" rel="prettyPhoto[gallery1]">< img src="images/g3_thumb.jpg" />< /a>
< a href="images/g4.jpg" rel="prettyPhoto[gallery1]">< img src="images/g4_thumb.jpg" />< /a>

The problem is that this makes the first item double. How to make a link without adding anything to the gallery?

Need Help with AJAX Navigation

awadheshm — Wed, 18 Apr 2012 03:17:35 -0400

Hi Guys,

Can someone help me as my prettyPhoto does not work for 2nd page. I have AJAX gallery where I am showing 8 images per page. prettyPhoto works for first 8 image but when I say next & load next 8 image it not working, instead opening all image as a link.

http://www.kissanpur.co.in/index5.php
login : awadheshm@gmail.com
pass: rism1234

Once login click on gallery link on page & then it will show photo gallery section.

Please help me on this.

Thanks!
Awadhesh

Automatically populate link with the current url

babyewok — Thu, 10 May 2012 13:32:55 -0400

I am trying to add a Pinit (Pinterest) button to the social tools. I can add the button itself, the issue is with the url to 'pin'. Th efacebook button uses {location_html} for this, but this doesn't seem to work for the pinteerst button - it just prints {location_html}.

Additionally, I also need to do something similar for the IMAGE url.

Any ideas idea aon how I can get this working? I feel like I'm so close!

How to hide prettyPhoto Navigation buttons

maloty — Thu, 10 May 2012 12:41:30 -0400

I am using the prettyPhoto WP plugin with in-line content, i.e. forms and it works perfectly, however the navigation buttons within the window navigate through various forms on the page which I don't want to happen.

Does anyone know how to disable the navigation buttons ?

Cheers

Scott

Add Pinit Button to Social Tools

babyewok — Thu, 10 May 2012 08:30:50 -0400

Has anyone managed to add a Pinit button to the social tools? This section should be easier to update with custom tools!

Iframes from Google Maps infowindows

research — Wed, 09 May 2012 21:39:16 -0400

Hi all.
I am having some difficulties with prettyPhoto. I am trying to launch an iframe from a Google Maps infowindow. My basic prettyPhoto code is:

$(document).ready(function(){$("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed: 'normal',
opacity: 0.60,allow_resize: false,
default_width: 600,
default_height: 400,
deeplinking: false,
show_title: false,
theme: 'light_rounded',
social_tools: false,
gallery_markup: false
});
});

On the Google Maps page, I have quite a few different points which are pulled from a database. To accomodate all these, I am using a simple Javascript array along the lines of:

var sites = [['

Name:	item 1
Collection date:	01-01-1970
Latitude:	-20.5
Longitude:	148.5
More information

', -20.5, 148.5,'AVH123'],['

Name:	item 2
Collection date:	01-01-1970
Latitude:	-20.5
Longitude:	148.5
More information

', -20.5, 148.5,'AVH234']]

The general idea is that when the link in the infowindow is clicked it should bring up an iframe which has the details on the entry. The link works fine but for all the variations I've tried, I cannot get this to open as an iframe, it goes straight to the linked page. I've tried using just the iframe linking code on the page (outside of the Javascript) array and it works fine, iframe opens and all. But in page, no joy. Any suggestions? I've seen a few different things about using callbacks and what not but surely nothing as complicated should be required? Piecing together the documentation on the API and callbacks is doing my head in. Any help would be appreciated. Thanks.

Oh I should mention, I read someone else was having a similar problem with content from infowindows but this appears to affect Mozilla, Chrome and IE, not just Chrome.