prettyPhoto support - Vanilla 2

HELP!!! prettyPhoto doesn't load SWF

morpheusrs — Wed, 21 Dec 2011 10:35:19 -0500

Hi everyone and sorry form my english.

I'm doing a flash site and i have used prettyPhoto to load an image without problems but now i need it too to load an .swf file an it doesn´t load.

This is the code i have in the html for prettyPhoto:

< s c r i p t tags> (all the .js files) ......

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

$.prettyPhoto.open(urlContent,titleContent);

}

And this is my AS3 code to load the .swf:

import flash.external.*;
import flash.events.MouseEvent;

mapabtn.buttonMode = true;

mapabtn.addEventListener(MouseEvent.CLICK, popupSWF);

function callPrettyPhotoSWF(url:String,title:String):void{

ExternalInterface.call("launchPrettyPhoto",url,title);

}

function popupSWF(e:MouseEvent){
callPrettyPhotoSWF("http://miriamweb.x10.mx/mapa.swf","");
}

I also have tried the Flash example:
....
href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo">
...

and it doesn't load the swf movie.

What is wrong?.

I hope you can help me. Thank's a lot.

How to hide description?

dreamerside — Mon, 26 Sep 2011 05:17:54 -0400

I've tried to add visible:hidden to pp_descripton but no luck. is there anyway to hide the description below the photo?

Removing or hiding the Description?

sparky672 — Fri, 16 Dec 2011 16:37:34 -0500

This is really frustrating since the online Demo shows an example without a Description.

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto[pp_gal]/1/

However, when this same method is used on my site, simply leaving out the title attribute results in the word "undefined" where the description would be.

Why am I seeing this discrepancy between reality and the demo?

Prettyphoto script not working, links working as normals links

shecky — Mon, 19 Dec 2011 14:32:24 -0500

please see my page here: www.bodnikwebservices.com/cheapties/home.php
I have added the links for all js and css files and tried different script in the page. Nothing seems to work. I am using another jquery based scroller on the page that might be interfering. Really not a coder so I have no idea at this point. Any help would be awesome.

load image gallery from a single button ?

webdesignhelper — Tue, 20 Dec 2011 12:45:53 -0500

i want to load prettyphoto pop-gallery with 4 images in, but instead of loading from a row thumbnail images, i want it to load from a single button that just says 'view gallery' on it ?

How do you insert links into pretty photo?

bankole — Fri, 16 Dec 2011 09:25:31 -0500

Is it possible to insert links in pretty photo, specifically within the caption text, so you can give visitors the option to go elsewhere right after they've viewed an image in the lightbox? Any help is much appreciated

First image duplicating at the end

brusca — Fri, 16 Dec 2011 22:14:00 -0500

If you look at this page and click on any of the thumbs. You will notice the first image on the list is duplicated at the end of the gallery. Any clues on how to fix this?

http://www.thebridestree.com.au/supplier-directory/sally-townsend-makeup-artistry

Bruce

How to contribute your prettyphoto project?

zloyrusskiy — Sun, 18 Dec 2011 05:32:50 -0500

I found a bug, how can i send you a patch, so you can fix it?

Is it possible to have multiple galleries displayed in pretty photo

Astreus — Sun, 18 Dec 2011 19:04:38 -0500

Lets say I had 6 photos total in three galleries, each gallery has 2 photos of its own. Can I set up pretty photo so that a user can click a single link and pretty photo will pop open with all the photos viewable and three gallery links down in the details section. Then a user can click one of the gallery links and have pretty photo only display the photos in the gallery without pretty photo closing.

Here's an image of what I'm talking about. There's three links down in the details section of each gallery. Is it possible for a user to click one of those gallery links and load up that galleries photos?

http://bit.ly/vlZ2g7

Thanks

Next/Previous overlay not working, images not parsed correctly

juliakuzmenko — Mon, 19 Dec 2011 15:25:58 -0500

Hello, I'm using a template from http://themeforest.net/, and I'm having trouble making the PP to work. My overlay next/previous buttons are not showing up, thus not clickable. Here's what i've found so far:

1) The template doesn't seem to use the rel="prettyPhoto" on the images, yet they seem to be able to use the lightbox fine.
2) It looks like since links are not marked with the rel attribute, the script seems to think there's no other image besides the one that's currently viewed, thus not displaying the next/prev overlay buttons. in fact, even if i insert the attribute, nothing changes. i figured this out because when i use the keyboard arrows to advance, it seems to loop back to the same exact image.
3) script author seems to have written a few custom functions that are related to PP:

jQuery.noConflict()(function($){
$(document).ready(function() {
$('a.portfolio-item-preview,.find-us').each(function() {
$(this).removeAttr('data-rel').attr('rel', 'prettyPhoto');
});
})
});
jQuery.noConflict()(function($){
$(document).ready(function() {
$('a.preview').each(function() {
$(this).removeAttr('data-rel').attr('rel', 'prettyPhoto');
});
})
});

here's a small snippet of my html code:

my web skills don't go very far. please help. here's a screen shot. http://www.jpegtown.com/user_uploads/kUqNNiX_Capture.PNG

thank you!!!

How to track individual image views using Google Analytics

johnbenedict — Tue, 19 Apr 2011 13:58:04 -0400

I'm trying to figure out how to track individual image views using Google Analytics. Not clicks - as my Galleries are large - over 100 each - and most users are clicking a thumb - then just watching the show.

A feature like this script has would be awesome:
http://www.justinbarkhuff.com/lab/lightbox_slideshow/

Scroll down to Configuration Options > googleAnalytics

Anyone able to do this now? I guess using Event Tracking would be a way to go - but I can't seem to figure it out.

Stumped... Hours and Hours... Won't Work.... Help Please?

clsimco — Sat, 26 Nov 2011 15:51:21 -0500

[BACKGROUND]

I'm not a pro, I've taught myself the hard way and still make a lot of mistakes.

That said, I am trying to build a site for my wife and integrate prettyphoto gallery.
Site is not "live yet" still working on getting content in though I have structure.

Validated page (not whole site) and have issues with a padding hack in the dropdowns but all else is OK, Valid Strict.

I've read a lot here in the forums but can't seem to get PrettyPhoto to work.

I've got full page background image changer on all the pages of the site (supersize jquery).

[PROBLEM]

PrettyPhoto only opens new window w/ single image when trying to create/ show gallery.
Perhaps some sort of jquery conflict? Did I miss putting something in? Wrong order?

I finally resorted to taking the example content from prettyphoto exactly verbatim and pasting it into my page (for testing) and still cannot get that working (even tho the examples page on this site and in the download work for me).

[SITE]

Here is the site url: http://satori.99k.org/Good_Satori_Site/about/about.html

At the top of the page is a table of links to sections on the page. The place that I am trying to insert a gallery is the section : "In the Area " link.

This has to be something simple but I'm stumped.

Help appreciated..... Thanks

Deeplinking hashtag displaying on close

Skoua — Tue, 11 Oct 2011 12:27:28 -0400

Hello,

I'm using both prettyPhoto and jQuery Address in a website I'm working on and I have an annoying bug.
I set deeplinking to false because it was conflicting with jQuery Address and the hashtag doesn't show up anymore when a modal is opened but it shows up when I close it.

Any idea what might cause that?

Thanks.

Documentation update needed (for "overlay_gallery")

toncid — Thu, 15 Dec 2011 10:39:18 -0500

The 30-item limit should be stated in the documentation clearly. Something like this:

overlay_gallery: true, /* If set to true, a gallery, that consists of 30 images or less, will overlay the fullscreen image on mouse over */

Or, make the count limit configurable, like this:

max_overlay_gallery_item_count: 30, /* maximum gallery image count used for the overlay */

Please, at least update the documentation for now. Thanks!

Full image: why? Is there a way to put only thumbnails?

OlivierPons — Thu, 15 Dec 2011 07:05:13 -0500

In your first two demos, you wrote : "Change the href of your link so it points to the full size image."

This is a big problem because it means it will **always** download the **whole** pictures. I don't want that, I want to have only thumbnails = small pics, and when the user clicks on them, show the "full size image".

Is there a way to do it?

Thank you very much indeed.

How to use flowplayer to show a cover image while play mp3 stream.

lizhan — Wed, 14 Dec 2011 20:54:35 -0500

In flowplayer, you can use property coverImage to show cover Image while play back a mp3. Can not work out how to specify coverImage property in jquery.prettyPhoto.js.

Getting title or description only?

jca — Sat, 22 Oct 2011 16:32:00 -0400

Is there a way to get the "title" or "description" (passed via the a href "rel" and img "alt" fields) by itself within prettyPhoto?

Right now prettyPhoto inserts the title and description wrapped with the "ppt" div and "pp_description" p tags/markup, not just the variable only. Is there a way these could be passed like the {width}, {height}, etc. variables so we could wrap them in whatever markup (or no markup) we want?

We need to get the title and/or description text only so we can use the text as part of a link (for searching the title as a search term) in the PrettyPhoto window.

[SOLVED] PrettyPhoto hijacks my links!

lambyte — Tue, 13 Dec 2011 21:27:43 -0500

Hi.

PrettyPhoto seems to be removing my click events on non-prettyphoto links.

Replication instructions:
1. goto http://www.studiobloo.com/bibi/index.html
2. Test the section links: they work. (only "Home" has content, but they all work.)
3. Test prettyphoto by clicking the "Bibi" logo: it works.
4. Test the section links again: they fail. (They act as thought the click event had been removed.)

Also: I disabled deeplinking, but prettyphoto still changes the hashtag. :(

how to change the pp_content height to not load element.style css

alpdog14 — Wed, 14 Dec 2011 11:46:55 -0500

So I have inline prettyPhoto code working but I am trying to make the box's height to 435px but every time it loads the pp_content style is loaded to height 550px. I have checked every piece of code element, html,css, and js but nothing refers to height 550 so I have not clue why that element loads with that height. Here is my test site:

www6.luc.edu/test/cabplan/woe/test.html

Does anyone know how to make the pp_content change so it takes a property you set?

prettyPhoto box moves up and down based on content, need it fixed

alpdog14 — Wed, 14 Dec 2011 10:05:36 -0500

I am testing the prettyPhoto javascript code, and it is working to a point:

www6.luc.edu/test/cabplan/woe/test.html

The issue I am facing is that even though I have fixed height on the box with a scroll, the box moves based on how much content is in the box. I want the box to stay in one place. I have tried to used position:absolute and position:fixed on the box but nothing is working. Can anyone help me to determine how to make this box fixed in the center no matter how much content is in it.

It is the second image that has the most content that makes the box move up and down.

Lightbox triggered with refresh button or when using back button returning from another page

vernb — Sun, 03 Jul 2011 06:19:40 -0400

This is bizarre! Has anyone any idea why???
Thanks

Display prettyphoto on image click

malay — Tue, 13 Dec 2011 07:22:22 -0500

Hello,

I need to open prettyphoto iframe url on clicking on any particular image/text, but the iframe pop-up should open just above just that image/text.

Can anybody help me with this. Thanks for any help in advance.

Thanks,

Need Help With Margins on My Site. Thanks!

rtew81 — Tue, 13 Dec 2011 05:56:22 -0500

Please visite http://drnewme90210.com/gallery.html and scroll to the bottom. You will notice white empty space. I'm not sure how to get rid of it. It seems that every time I add an image it gets longer. I was able to get it right for this site http://drnewme.com/photo.html. Any help would be appreciated.

Code Example:

Auto close

luciendub — Mon, 12 Dec 2011 23:48:01 -0500

Hi,
How could I proceed to make the lightbox close after the video ends?

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!

IE8 Visual Bug

gpalz — Sun, 11 Dec 2011 18:51:08 -0500

Hello,
D/L PrettyPhoto today to evaluate. So far everything is working fine in Firefox 8.0. I'm experiencing some visual bugs in IE8. First, it appears sprite_x.png is breaking the bottom border. Second, when I exceed eight images, the gallery overlay component does a strange wrap around with the next button. Snapshot below. Really liking this app thus far. Thank you for your hard work. George

http://gpalz.com/Untitled-1.jpg

IE8 - Buttons not clickable

aidank12 — Sat, 03 Dec 2011 21:13:13 -0500

Hi Guys,

First of all great plugin, second of all, apoligies for the annoying IE query!

I have been able to add the plugin to a site gallery but in IE8, when you load the pictures, the next and previous buttons etc are displayed but they are not clickable. Its weird because the FB like button is clickable but the rest are not. Not sure why this would be?

Just working on a test site - http://www.bakingacademyireland.ie/v2/index.php/gallery

I just have a basic version PP plugin working, haven't tweaked the original code at all really except the speed of the slideshow as I am new to jquery etc.

Any help much appreciated

Aidan

image with uppercase file extension does not show up in thumbnail menu

welzie — Fri, 17 Sep 2010 00:30:41 -0400

If an image has .JPG then a black square with a play icon shows up in the thumbnail/preview menu when a gallery image is being viewed. If the black icon is clicked the image is displayed correctly, the only is issue the thumbnail/preview not showing up.

The release notes mention something about toLowercase being removed, maybe there was one instance that it should have not been removed.

Example:

Any hint on what line to change to fix this?

Can't Install - "The plugin does not have a valid header."

streamlab — Thu, 20 May 2010 03:51:38 -0400

Hello,

I am trying to install 2.5.6 through the WP plugin installer. I uploaded the compressed zip version, everything upload and installs, but when I click on "Activate Plugin" the next browser page says "The plugin does not have a valid header."

I think everything is in the prettyPhoto folder but I can't seem to manually install it. Any ideas?

Earlier today I downloaded the PrettyPhoto version from the WordPress site which is an old version - 1.6.1. I got it to work, but the Vimeo videos were cut off - may 10-15 pixels high with the button below it. I then found a support note from you guys suggestion that this was fixed in a later version.

This plugin is awesome! Any help would be appreciated. I really want to use this...

Thanks!

Tom Cummings
tomc@streamlab.com