very great work!
Thanks

Works great!
Please let us know if you manage to include the zoom function

Hello,

Can we unite with this great Tuto lightbox?
Use lightbox for expansion.
If so how?

Thank you

great work

works fine in IE8, but not work in FF
someone help me ?

How can I center the images, looks left justified…. Or how can I add padding to the left side?

Is there a way to hide “more views” if you only have 1 of that product? Only show it if there are more than 1 picture?

It’s probably a stupid question but I don’t understand how do I add images to the product gallery? As far as I see I can only add one base image, one small image and one thumbnail… what am I missing?

This really works great. Thanks!

Is there a way to replace the pop-up windows with a fancybox or lightbox window on click?

Sorry about being greedy, but a fancybox would just make this perfect.

Thanks.

I agree, Fancybox instead of popup window would be perfect

I’ve modified the code and now default zoom works

getProduct();
    $_helper = $this->helper('catalog/output');
    $_gallery = $this->getGalleryImages();

    $_resize = 265;
?>

	.product-img-box .more-views li.slide-current a{ border:2px solid #aaa; }
	.product-img-box .product-image-zoom img { cursor: pointer; }
	#slide-loader{ visibility:hidden; position:absolute; top:auto; left:auto; right:2px; bottom:2px; }

function slide(url,num,gallery){
    if (typeof slide.loading == 'undefined') slide.loading = false;
	if(slide.loading) return false;

	var loader = new Image();
	$(loader).observe('load', function(){

		$('slide-loader').setStyle({'visibility':'hidden'});

		$$('div.more-views li').each(function(el,i){
			(i==num) ? el.addClassName('slide-current') : el.removeClassName('slide-current');
		});

		var dummy = new Element('img', { src: url }).setOpacity(0);
		new Insertion.After('image', dummy);
		new Effect.Opacity(dummy, { duration:.5, from:0, to:1.0 });
		new Effect.Opacity($('image'), { duration:.5, from:1.0, to:0,
			 afterFinish: function(){
			 	$('image').writeAttribute('src',url).setOpacity(1).observe('click',function(e){
				 	Event.stop(e);
			 		return false;
				 })
			 	dummy.remove();
			 	slide.loading = false;
			 }
		});
	});

	$('slide-loader').setStyle({'visibility':'visible'});
	loader.src=url;
	slide.loading = true;
return false;
}

	<?php
        $_img = 'helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
        echo $_helper->productAttribute($_product, $_img, 'image');
    ?>
    <img id="slide-loader" src="getSkinUrl('images/opc-ajax-loader.gif') ?>" />

    <img id="zoom_out" src="getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="__('Zoom Out') ?>" title="__('Zoom Out') ?>" class="btn-zoom-out" />

    <img id="zoom_in" src="getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="__('Zoom In') ?>" title="__('Zoom In') ?>" class="btn-zoom-in" />

//

 0): ?>

    __('More Views') ?>

            <a href="helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile()); ?>" onmouseover="slide('helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->resize($_resize) ?>',,'getGalleryUrl($_image) ?>'); return false;"><img src="helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" alt="htmlEscape($_image->getLabel()) ?>" title="htmlEscape($_image->getLabel()) ?>" />

Just tested it, find the main image losted in the image window popup, good extension, but need update. thanks.

Thanx a lot… thnx a lot

does it work like flip book?
I want something like flipping book on flash, but it cost much

actually the zip file appears to be corrupt.. any chance in getting another or is it my zip utility…

this is great! thanks for sharing.

Wow Great

You are genies,

Thank you so much.