Image Magnify

[DeDanan]

Darren,
If it needed difficult code I could not do it. I am using it in a brochure page as a picture gallery. So just cut and place the code supplied in a fragment

!!<

<a href="dress1b.jpg" class="MagicZoom" id="zoom1"><img src="dress1s.jpg"></a>
<p>Click to change dress color:</p>
<a href="dress1b.jpg" rel="zoom1" rev="dress1s.jpg"><img src="dress1t.gif"/></a>
<a href="dress2b.jpg" rel="zoom1" rev="dress2s.jpg"><img src="dress2t.gif"/></a>
<a href="dress3b.jpg" rel="zoom1" rev="dress3s.jpg"><img src="dress3t.gif"/></a>
<a href="dress4b.jpg" rel="zoom1" rev="dress4s.jpg"><img src="dress4t.gif"/></a>

>!!

And change the image name "dress1b.jpg" to "your big.jpg" and "dress1s.jpg" to "your small.jpg"
You get the idea. Then place your big, small and thumbnail images in your site folder and upload.

You also have to paste code supplied into “head “of site and upload other code supplied to your web site. All of this is cut and paste and very easy.

Hope this helps

Jim

[SpecTech]

Im just working on making it work for multiple images.

at the moment the java script is recieveing 1 image im going to make that one image a variable that picks up each one of normans Rollover images, when selected

Ill let you all know if it works.

[DarrenSpink]

Im just working on making it work for multiple images.

at the moment the java script is recieveing 1 image im going to make that one image a variable that picks up each one of normans Rollover images, when selected

Ill let you all know if it works.

Thanks for your time Jim, SpecTech....that will be great if it works.

[SpecTech]

with the pop up zoom ive set the image src to be the extendedinfoimage variable so that when I set an extended image that is what will appear as a zoom.

Now I am playing around with some java script for the zooms tell me what you think? is this the right way to approach it?

<script language="JavaScript" type="text/JavaScript">        
        		if (<actinic:variable name="ProductImageFileName" /> == '<actinic:variable name="ExtraImage1" />' )
			{
			<actinic:variable name="ExtendedInfoImage" /> = '<actinic:variable name="ExtraImage1" />';
			}
		else if (<actinic:variable name="ProductImageFileName" /> = '<actinic:variable name="ProductImageFileName" />') {
            <actinic:variable name="ExtendedInfoImage" /> = '<actinic:variable name="ExtendedInfoImage" />';
        }

</script>

What im hopeing this should do is if I make image 1 a large image. normans auto scale will make it small to fit where the product is however the rollover will still stay large as it is pointing directly to the file and has no fixed widths

im not as good as some people at java so if you could edit the code above at all please do

[DeDanan]

Hi Darren and all interested in the magic magnifier,
It is easy to set up and does work well. You do not need any knowledge of code as all is supplied. I have only used it on a brochure page as a mini gallery for some images I wanted to provide the option of close up views for. I have also used a second gallery on the same page for the rest of the product pictures. have a look at
http://www.sto-it.co.uk/acatalog/Gallery.html
Best of luck which ever you choose.
Jim

[Wheels UK]

Magic Zoom Plus

Can anyone tell me how to get the Magic Zoom Plus working on product images?