How do I add extra images to a product using javascript

[southernlady]

I've looked at Zen Lightbox and that isn't what I want to use. I've seen what I do want to use. Zen Lightbox configures it the wrong way for me...too big.

What I want is a javascript code but I am lousy at that and have no clue where she got hers. What I want mine to do is rotate each product like this one does: http://fall3nangel.com/store/

Can anyone help me figure out which javascript that is? And how to code it into the pages? Liz

[tophand]

I've looked at Zen Lightbox and that isn't what I want to use. I've seen what I do want to use. Zen Lightbox configures it the wrong way for me...too big.

What I want is a javascript code but I am lousy at that and have no clue where she got hers. What I want mine to do is rotate each product like this one does: http://fall3nangel.com/store/

Can anyone help me figure out which javascript that is? And how to code it into the pages? Liz

Google --> animated gifs

[southernlady]

Google --> animated gifs

Want to elaborate? Because Picasa Slideshow is not what I am looking for. That takes people off the web page onto my picasa album to see the pictures.

If you look at the site I am referencing, the pictures rotate right there ON the site.

Liz

[tophand]

Want to elaborate? Because Picasa Slideshow is not what I am looking for. That takes people off the web page onto my picasa album to see the pictures.

If you look at the site I am referencing, the pictures rotate right there ON the site.

Liz

Yes the site you reference is using animated gifs.

animated gifs don't use javascript.
animated gifs is a image just like any image other it moves.
animated gifs are like this --> or this -->
animated gifs can be very large files which why the site you reference takes a long time to load.

Google "make animated gifs"

[southernlady]

Actually, if you look at her source code, she is using javascript:

<!--bof Main Product Image -->
 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascript:popupWindow(\'http://www.fall3nangel.com/store/index.php?main_page=popup_image&amp;pID=776&amp;\')"><img src="images/PreviewOA_YW.gif" alt="2 in 1 - Opposites Attract - Tagger Size" title=" 2 in 1 - Opposites Attract - Tagger Size " width="120" height="120" /><br /><span class="imgLink">larger image</span></a>');
//--></script>

<noscript>
<a href="http://www.fall3nangel.com/store/index.php?main_page=popup_image&amp;pID=776&amp;" target="_blank"><img src="images/PreviewOA_YW.gif" alt="2 in 1 - Opposites Attract - Tagger Size" title=" 2 in 1 - Opposites Attract - Tagger Size " width="120" height="120" /><br /><span class="imgLink">larger image</span></a></noscript>
</div><!--eof Main Product Image-->

2 in 1 - Opposites Attract - Tagger Size

That's why I asked about javascript AND how to put it in the page.

Just telling me what to use is only part of my problem. I don't know how to implement it...I have YET to figure out EZ pages...they are NOT EZ.

IF it were external html and uploading, I can do that but where to add those baffles me.

Liz

[southernlady]

animated gifs can be very large files which why the site you reference takes a long time to load.

What you said did make a lightbulb go off tho...

And I did a file in Animation Shop which solved the problem. No need for javascript. However, my animated gif file for the FIVE corners was a measley 11KB whereas the jpgs of the five added up to be a total of 29 KB so I saved 18 KB by using animation.

True, they CAN be large, they just do not have to be large. Liz