Displaying images using Ajax and Javascript

-- HikaShop version -- : 2.2.2
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4.37

Hi,

I am implementing a Quick View feature on my site. On my Product Listing page there is a Quick View icon on each listed product, clicking which opens a lightbox which displays a custom layout showing thumbnails of all product images along with some more product information and an Add to Cart button.

To start with the full sized image corresponding to the first thumbnail will be shown when the lightbox opens and then as the user clicks on another thumbnail the corresponding image should be retrieved from the server using Ajax.

I have managed to add the Quick View button to each product on the Product Listing page and a click is now opening a lightbox which loads in a custom layout file which right now is a copy of the show_default.php.

I would now like to modify the show_default.php copy and implement the layout that I outlined above.

Can you please help with the JQuery / Javascript and Ajax urls required to implement the loading of images.

I would also like that the lightbox (implemented using Squeezebox) should close when the user adds a product to the cart by clicking the Add to Cart button in the lightbox. I plan to add a click handler to the Add to Cart button to close the Squeezebox but do I need to take care in some way that the product actually gets added to the cart before the Squeezebox is closed by me?

Thanks again in advance for all your help.