Originally posted by lesliekirk
View Post
Code:
<img id="main_image" src="graphics/en-US/mmui/dot.gif" alt="&mvte:product:name;"> <ul id="thumbnails" class="thumbnails"></ul> <div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/mmui/dot.gif" alt="&mvte:product:name;"><div><a id="closeup_close">close</a></div></div> <mvt:item name="prod_imagemachine" param="body:product:id" /> <div class="clear product-image-margin"></div>
Code:
<mvt:item name="prod_imagemachine" param="head" />
Code:
ImageMachine.prototype.ImageMachine_Generate_Thumb nail = function( thumbnail_image, main_image, closeup_image, type_code )
{
var thumbnail, span, img;
thumbnail = document.createElement( 'li' );
span = document.createElement( 'span' ); // to vertically center the thumbnail images
thumbnail.appendChild( span );
if ( typeof( thumbnail_image ) == 'string' && thumbnail_image.length > 0 )
{
img = document.createElement( 'img' );
img.src = thumbnail_image;
thumbnail.appendChild( img );
}
return thumbnail;
}
Am I missing some CSS or javascript?
Leave a comment: