not a support questionHello, can you please advise on how to solve this image distortion issue I'm having in all prettyphoto galleries. Note that I had changed no paremeters in the code and it worked fine in the beginning. The problem began when I created last prettyphoto porfolio galleries.
http://paulagirshman.com/photography/wp/?portfolio=india#!lightbox[auto_group1]/6/
Thanks!
Hi Devin, thanks for looking into this. When I open any of the portfolio galleries and click on the images, they are slightly squashed vertically. The horizantal images are the ones effected not the verticals. I tested across three browsers and the problem seems to persist.
berrald
Member
Same issue here :
http://www.berraldacci.fr
Safari 5.1.7 / Mac OS 10.7.4 / Flashlight 1.4
On first click, image is horizontally compressed. If I slightly resize the browser window and click again on the thumbnail, the image is no longer compressed.
Screenshots :
Image compressed
Image OK
Just to help out ... I noticed this as well, on http://www.curtiswaltz.com, but not always. Spent time checking into it on a very old MacBook G4 Laptop (Safari), Win 7 and Vista laptops (both Firefox, Chrome, and Explorer), and a 27" iMac (Chrome, Safari). On all computers and across all browsers I could force the issue by decreasing the browser window size to a certain point. Enlarge / maximize the window and everything was back to normal.
Seems like this is a PrettyPhoto bug:
http://stackoverflow.com/questions/6469214/fixed-window-size-in-prettyphoto
I get lost when reading those links, but that's the summary of it. Seems that some of these and other solutions suggest hard-coding the size, which wouldn't be a great solution. What do us end-users / Flashlight users need to do?
Thanks,
Curt
Ismael
Moderator
Hello,
You can edit js > prettyPhoto > js > jquery.prettyPhoto.js, just find this code
(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,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'<div class="pp_pic_holder"> \Look for
default_width:500,default_height:344
Or you can choose not to resize your images at all by changing this line
allow_resize:true
Regards,
Ismael
Thanks everyone, problem solved!
The solution was to reload all the images into the gallery and then click on EDIT IMAGE > SCALE IMAGE > Image Crop (put the dimensions you want) .... you have to do this for every image:(
Hi, I tried Ismael's solution in the edit js > prettyPhoto > js > jquery.prettyPhoto.js code.
But this didn't work. I left the the default_width:500 and chnaged default_height:313
This didn't change the default height at all though.
Does anyone know how to make Ismael's solution work???
Thanks
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
