Complete idiot needs Help.

[stebanks]

Hi,

I apolagise now if this is posted in the wrong place and I also apolagise about my complete lack of knowledge.

I was hoping some one may be able to help me my brain is fried and I feel I am going round in circles, I have very little coding skills and I am strugling to do something which is probably really easy.

If anyone can help I wold really appreciate it.

I have an **** store and have had some work done on the listing template I am know trying to hook up magic zoom to my listings images which I have been able to do.

The problem is the images are in a table but when i add magic zoom to them it doesnt work with them in the table, I am also trying to link the images to another page/website but it does not seem to like this either.

This is the table, which is working fine.

<td colspan="3" class="CentreMiddle">
<div style="padding-top:10px;" align="center">
<table border="0" cellpadding="5" cellspacing="0" width="700">
<tbody><tr>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="172"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="178"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="177"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="173"></a></td>
</tr>
<tr>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="172"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="178"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="177"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="173"></a></td>
</tr>
<tr>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="172"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="178"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="177"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="173"></a></td>
</tr>
<tr>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="172"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="178"></a></td>
<td colspan="2" rowspan="2"><a href="http://stores.****.co.uk/Say-it-with-Print"><img src="http://www.jarilo.co.uk/****stores2/sayitwithprint/listing/images/images/toppromo_15.png" alt="" height="359" border="0" width="350"></a></td>
</tr>
<tr>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="172"></a></td>
<td><a href="http://stores.****.co.uk/Say-it-with-Print"></a><a href="http://www.facebook.com"><img src="http://i1357.photobucket.com/albums/q749/sayitwitprint/Cake%20Topper/A002-MI-1.png" alt="" style="border-color: d6d8db" height="177" border="1" width="178"></a></td>
</tr>
</tbody></table></div>
</td>

But I would also like to add this line of code to each image

<

a href="http://www.example.com/largeimage.jpg" class="MagicZoom"><img src="http://www.example.com/smallimage.jpg"/></a>

I dont know whether that makes sense to anyone, and I am probably missing loads of relevant information, but if anyone could help me that would be amazing.

Thanks in Advance

[Schonge]

Hi stebanks,

Firstly, yes you are correct you're in the wrong forum for this type of question! You should look for a web development forum this is a Java one.

Secondly seen as you're here now and because I have done some web dev I'll try and help you as much as I can but like I said a web development forum will be of more use to you.

From what I can gather you want magic zoom to work on the images but you are calling the class="MagicZoom" on the link not the image as it is in the link tag. Put it in the img tag and see will it work.

Also none of your img tags are closed by the looks of it in the big chunk of code. You are missing the / at the end of the tags to close them off so that could be causing you problems with the linking to another webpage/site etc.

Try that and let me know how you get on and I'll take it from there.

[LukeCodeBaker]

Are you sure that class="MagicZoom" should be in a href tag? Maybe it should be in other place like: img, or other div...