I understand how to display an image based on my selection from backend for hover on the product but i am trying to display 1 by 1 sequencely with a delay
For a starting point i have this code that might help, it will load all the images for this product on the gallery, use this on an item somewhere (list.phtml)
<?php
$_images = Mage::getModel('catalog/product')->load($_product->getId())->getMediaGalleryImages();
?>
<?php
if($_images){?>
<?php $i=0; foreach($_images as $_image){ $i++;?>
<a href="#">
<img src="<?=$this->helper('catalog/image')->init($_product, 'image', $_image->getFile()); ?>"alt="<?=$this->htmlEscape($_image->getLabel());?>" title="<?=$this->htmlEscape($_image->getLabel());?>" width="222px" height="222px" />
</a>
<?php } ?>
<?php } ?>
I am thinking with the help of jQuery to do this but i do not want all the images to load on a category cause this will have waiting time, it should load 1 by 1 once the "slideshow' inside the main image will start.
anyone have some free time to play with this and help?