All Discussions - Vanilla 2

Next , Prev , Close Etc Etc buttons wont show

faketales — Tue, 07 Feb 2012 18:07:59 -0500

the navigation buttons wont show through the viewer when the image has been enlarged , all the links are correct.

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

youtube (iframe) embed + auto close on video complete

pir — Tue, 07 Feb 2012 14:25:44 -0500

I'm trying to close prettyPhoto when a youtube video has completed playing. does anyone have experience with that?
I've tried the youtube API and prettyPhoto seems to be calling "onYouTubePlayerAPIReady()" but the "onStateChange" event doesn't get fired.

thanks

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?

Passing more parameters in the iframe URL prettyPhoto

foriaa — Mon, 14 Nov 2011 10:55:50 -0500

I'm using prettyPhoto to load a page in the iframe.
I need to pass some parameters to this PHP page.
I'm tryng to use this syntax:
Invia
but my PHP doesn't get the SUBJECT parameter.
how can I resolve it?
thanks

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

The display of "thumbnail" is strange.

mashuone — Tue, 07 Feb 2012 02:23:10 -0500

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

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

kicksshoe product presentation 2

kicksshoe — Mon, 06 Feb 2012 21:52:39 -0500

Kobe VI
Kobe Bryant for the designer's requirements are very simple: the sixth generation of signature shoes to be able to help him all the way through the clutter and win another championship until the title. So, Nike zoom kobe vi came into being. This is a pair exactly like the Black History Month Kobe VI basketball shoes, has the ability to redefine the game. If you're looking for basketball shoes that go beyond comfort, then Kobe 6 can be the best fit for your active feet. These shoes are the latest addition of Nike in its long list of Kobe brand. Just like the other Kobe shoes, this definitely adds a lot of style to comfort.

Adidas kb8
Kobe bryant adidas shoes are the athletic shoes specialized for the basketball players. They are designed to stabilize the foot and are very lightweight. They are also comfortable and give enough room to the forefoot and rare foot. Thus, the player's foot can retain the natural movement enabling him/her to give his/her best performance. Adidas has released its series of Adidas crazy 8s which are just like the Adidas Kobe shoes, because Adidas is no longer associated with Kobe. These shoes are stylish and have a molded pearlized body skin with a metallic look. The whole design is innovative with a hood-covered lacing system and an incorporated 3D Torsion system that provides good stability and support to the midsole. There is a bootie built inside the shoes to give comfort and stability. To provide an optimum traction on the court the shoes are designed with a herringbone pattern with a full rubber outsole.

kicksshoe product presentation 1

kicksshoe — Mon, 06 Feb 2012 21:52:09 -0500

Kobe IV
In early 2009, Nike has unveiled Kobe 4 signature sneaker, the Nike Zoom Kobe 4 - the perfect gear for the 2008 Most Valuable Player. At first glance, this does not look like a baller's sneakers at all. But a closer look would reveal some important details and features that make it a must-have. The Nike zoom Kobe iv has a very driven-looking aesthetic,it was initially released with a Del Sol color scheme. And the Nike Zoom Vomero 4 running shoe is an extremely popular running shoe made by Nike,the Nike Zoom Vomero 4 is a great casual shoe just to wear around. Owning a Zoom Kobe 4 shoes is a great way for Lakers or Kobe fans to commemorate the glory of the 2009 season. Not only will they get a beautifully-designed shoe, they will also get the benefits of the Kobe 4 design.

Kobe V
Nike Zoom Kobe 5 depends on “lower, lighter, faster” and becomes the most popular sneaker now. TheKobe v would never out for the fashion stage for follow days, the shoes with Flywire technology into the upper material not hurt us from the more recent instability. That was introduced in previous collections,this was probably done to increase comfort while the full-mesh tongue and upper are designed to increase breathability. As always, the Nike trademark "swoosh" appears on the side of the shoe. This remarkable Nike zoom kobe sneaker is as good to use on the basketball court as it is on the streets. Overall, the design is way different from what the fans used to see on Kobe Bryant's signature basketball shoes. But it only goes to show that being different is not exactly a bad thing. It's all about individuality. And Kobe Bryant knows how to stand tall, being different from the rest.

Kicks-Shoesbar online store

kicksshoe — Mon, 06 Feb 2012 21:51:31 -0500

Thank you for visiting Kicks-Shoes bar. Respond to all our customers requirement, we established Kicksshoesbar in 2004, Kicks-Shoes bar is a online store special sell all styles of backetball shoes. We aim at providing a wide range of basketball shoes and one-stop service to worldwide stylish ladies. All kick shoes on our store are special design to celebrate his own great success on the pitch or NBA star trainers or others. We are a online store leading all styles of basketball shoes in the market for years because we offer all speed, strength, flexibility, traction, comfort, ventilation, support and newest shoes.

If you are looking forward to buy basketball shoes, here great discount price best for you! With quality assurance shoes, competitive prices of all basketball shoes on our site. Create super-class platform of the basketball shoes for you! Our men's basketball boots is one of the best selections on the market! Don't be hesitate, what you need to do is choosing the perfect one to achieve your dreams. With quality assurance shoes, you will create a miracle in the NBA next morning! Now we have establish a perfect service-quality-deliver syste.

For now, we offer all styles of basketball shoes for all season, and we would like to develop more products to see our customers requirement. Our commitment to you starts with the quality of our goods and continues to our web site, our state-of-the-art fulfillment center, and our highly responsive and dedicated customer service team that's always happy to help you. Every bargain can be returned within 30 days for your money back, so you can always shop with confidence. For more information, please log in http://www.kickshoee.com/

How to remove Facebook and Twitter icon / link

cincibir — Sun, 05 Feb 2012 15:28:16 -0500

How to Facebook and Twitter icon ?
Scrrenshot : http://d-57727.resimlerimnette.com/i-57727.jpg

Thanks,

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!!

Method Init

baazyngaa — Mon, 06 Feb 2012 11:27:31 -0500

Hey guys, i have a question, and b4 post i look in forum, but i dont find anything.

So, i need call prettyphoto with some params (like gallery id), there a way to do this?

One more thing, when i use "$.prettyPhoto.open('test.com/photo.jpg', '', '');" i get an error:

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

And yes, the file exists, some one can help me this pls? (:

Regards,

Fernando

PrettyPhoto and MOV on own Webspace

ronnystrowick — Fri, 25 Feb 2011 16:54:37 -0500

hi folks,

i have some .mov-files on my webspace in the same folder of my website-files. To link the files and start them in the PrettyPhoto player is no problem.

BUT:

the point is, that the movie will first be downloaded completely in the background and then, after finishing download, the movie starts.

i like to have progressive-streaming, like if i'm linking to some youtube or vimeo movies.

does PrettyPhoto support it and what do i have to add to the tag?

example of a tag:
(coding is OK, just removed tags to post my code ;) )

a title="Abschied" rel="prettyPhoto[movies]" href="videos/abschied.mov?width=720&height=576" img class="thumbs" src="videos/thumbs/abschied.png" alt="Abschied" width="192" height="107"

thanks a lot...

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

Remove Thumbnails - prettyPhoto[ajax]

bfly003 — Tue, 31 Jan 2012 10:08:59 -0500

Is there a way to remove the thumbnails that appear on rollover?
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.

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

help to remove lower border and float the description below the image....

orangealpaca — Thu, 02 Feb 2012 23:05:05 -0500

firstly, awesome image viewer - love it.
second, i am no coder, and i am blundering through the js and css.
i want the viewer to be super minimal. i have removed the borders top and sides, removed all buttons except the facebook, and i would now like to remove the lower white border, and place the description and facebook buttons floating under the borderless image (text in white, obviously, as background is black....)
http://dev.oneorangedot.com/index.php?id=2#!prettyPhoto[unijoints]/1/
where would the code be to do this? i have been hacking away at various parts for a few hours without any success - any help would be greatly appreciated
thanks,
sean.

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:'