Images distorted in location balloon
Sat, 08/02/2008 - 12:38 — jaydee
The images that are shown in the location balloon are stretched and do not show at their correct size. All the images are distorted to approximately 110x130px regardless of what the actual size of the image is.
Must all images be the same size or is this a bug? I have looked through the source but can only seem to find calls to the images for the markers. Where should I go to fix this?
Version is 2.0.0 (according to the download. In phpGoogleStoreLocator.php the version is "1.0.6-dev").
Thanks! Love the software – my favourite part of our site!
james.
Fixed!
Problem solved! I was finally able to track down the exact code.
In phpGoogleStoreLocator-javascripts.php, at approximately line 398 is the echo to add the image to the balloon. By default it makes all the images 104x124.
Above
echo "<div class=phpGoogleStoreLocator_map_balloon_body>";add
list($width, $height, $type, $attr) = getimagesize("$image");.This calculates the height and width of the image you will add to the balloon. Then, replace
width=104 height=124with
width=\"$width\" height=\"$height\"to add the calculated height to the img. In theory you should simply be able to delete the height and width values and have them automatically calculated but its always a better practise to supply the values (smoother loading).
I also floated my image to the right and padded it out a bit, so I added
style=\"float:right;padding-left:10px;padding-bottom:10px;\.Now save and enjoy :)