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

[LissaE]

That code is the default zen larger image popup code, the image is *still* an animated gif:

http://www.fall3nangel.com/store/ima...eviewOA_YW.gif

Yarrow has taken two previews of her kit and made an animated gif with two frames......no other/extra javascript required :)

[southernlady]

I found the solution to this...and you are partially right. But there is more to it than just "google it".

Tophand, telling someone to do that really isn't an answer.

What I discovered I had to do, for me was to create an animated image in Animation Shop (whatever the equivalent is in PS) since I use Paint Shop Pro.

So yes, you were technically correct. But for someone using this software for the first time, the answer fell far short of being helpful.

Liz

[LissaE]

This is a *Zen Cart* support forum and the ppl that jump in here with helpful answers do so out of the kindness of their heart....not because they are obligated to do so.

Your original post *was* answered with correct and helpful information in that no javascript was required for what you wanted to achieve, just an animated image.

How to make an animated image is not a *Zen Cart* problem, it's not a required knowledge in order to make the cart function as it is intended, therefore the suggestion to google it IMO was appropriate AND would have given you more knowledge of the MANY different ways you can make one than someone giving you step by step instructions for just *one* way.

By googling it, you have come by the knowledge you need for the programs you have on your pc, rather than having someone else do the work for you. :)