very useful, thanks so much

Anyone know how to put frame on little images?

Thanks

Nice! been thinking about doing this for a while but have been way too busy and to fully implement is going to be very time intensive (need to create larger images than what we already have). but needs to be done.

I loaded the library, set up a cloned layout I am experimenting with, and all is going well.

I did notice the following in the pasted code



I left it as is and on one of my old computers (ie6 1024x768 screen) the page loaded, but with errors on page - but still worked.

works great in current firefox and ie 7 & 8. Should I do anything about the ie6? Thoughts?

Hello Andy, I tried the below and when i click on the image or thumbnail, the large image pops up instantly with no overlay or image animating into place. Any suggestions, I added all the folders into the root and also into my custom root folder, thanks, Mike

what did you do wrong? I am having the same problem

You have to check all of your code to make sure it matches what is supposed to be there. In my case I had the link with the arrows, enlargement and close images directed to the wrong folder in my root folder. When I extracted the PrettyPhoto scripts they didn't go directly into my root folder but another folder within the prettyphoto folder. I just made sure the link pointed correctly and it worked fine.

You should look at the original script provided by Andy of NS and compare it to the script on your site. It should be the same. There are different variations that give different results, rounded corners, square corners etc. You can also check some of the sites posted here for the PrettyPhoto Image Gallery and see how they did it by looking at the code on their sites.

thanks...I figured it out. looks awesome now

Great add-on.

I'm having an issue where there are several variations and only one image per variation (but more than one default gallery image for the product). After selecting a product using the dropdowns the Lightbox hangs when you click on the image.
Honda/2009/CBR1000RR/GP/Black is a good example.

If you just click on the default image of the product when it comes up (before selecting dropdowns), it works fine.

A 2nd issue is that the default product image comes up when you click on the variation image. If you select Yamaha/R1/2009/Undertail/Carbon, then click on the image (which is correct) the default image for the product pops up.

Thanks,

James

Hello,

Is it possible to have the background not shaded grey?

When I click the zoom, I wish to have the background not shaded opacity darker... and just have it normal.

Is is possible to tweek it so there will be no greyed out background after clicking zoom?

Check the setting for your opacity within the script on your pages. Experiment with the values to get the amount of shading you want. (you are using highslide from what I can see) In prettyphoto we are able to use parameters from 0 - 1

Thanks, I'm actually not using Highslide anymore... I'm using the 'prettyphoto' script.

Does anyone know how to get the background Not shaded?


Also,

Is it possible to have a shrinked thumbnail of the main item picture as well below the main picture?



Thanks

Is it possible to have a shrinked thumbnail of the main item picture as well below the main picture?

I would appreciate any sort of response.

Thank you.

I would also like to add the "click to view larger" text above the thumbnails... between the main picture and the thumbnails.

Is this possible?

To customize prettyPhoto, you can pass the following parameters

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal', /* fast/slow/normal */
padding: 40, /* padding for each side of the picture */
opacity: 0.35, /* Value betwee 0 and 1 */
showTitle: true, /* true/false */
allowresize: true, /* true/false */
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square */
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
modal: false, /* If set to true, only the close button will close the window */
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
callback: function(){} /* Called when prettyPhoto is closed */
});
});
</script>


To learn more about PrettyPhoto go here: PrettyPhoto Image help

Thank you MDsource!

I appreciate your help very much.

Would it be possible to add text or an image below the main item picture. Between the Thumbnails and the Main Item picture?

It seems to be one big script, so I can not get anything in between.


I would really love to have a 1px border around the thumbnails as well. Would it be possible to do this?

I have not experimented too much with this script. Most of the information I have found was from doing searches. I am sure you can modify the script in many more ways than shown here but I don't know how to do that myself.

This does look awsome...still unsure how it works and how to impliment it. Can this support video on the network solutions sites?

You can open Quicktime videos with it.

To do so, simply:

1. Create a link (<a href="#">).
2. Add the rel attribute "prettyPhoto" to it (rel="prettyPhoto").
3. Change the href of your link so it points to the .mov file.
4. Then add the width and height as parameters in your HREF (?width=100&height=100)

prettyPhoto is also a multimedia lightbox, to open flash content with it simply:

1. Create a link (<a href="#">).
2. Add the rel attribute "prettyPhoto" to it (rel="prettyPhoto").
3. Change the href of your link so it points to the SWF file.
4. Then add the width and height as parameters in your HREF (?width=100&height=100).
5. In the case your flash needs specifics variables, add &flashvars and add the required parameters

This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. Donations are always welcome. PrettyPhoto Page Link