Help on image thumbnail viewer and paypal

**ckk** · 08-07-2007, 04:53 PM

1) Image Thumbnail Viewer

2) http://dynamicdrive.com/dynamicindex4/thumbnail.htm

3) I've installed the above script and it works a treat, considering I have no knowledge of javascript.

But when I add my paypal shopping cart onto the same page, you click on the thumbnail and it dosn't work!

Can anybody help me!!
It's doing my head in!!!

Thanxs Claire x

Extra info: I just happened to put my paypal code above the thumbnail and it works, but if i place it anywhere below the thumbnails it don't work, why is this? very strange.

**jscheuer1** · 08-07-2007, 06:20 PM

If the paypal code is a script or partly script, it could be a script conflict. Even if it isn't, it could be some sort of conflict. It would be hard to know the actual reason without seeing the page with the problem.

**ckk** · 08-07-2007, 06:55 PM

Hi John, I've just done a quick example for you

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="thumbnailviewer.js" type="text/javascript">

/***********************************************
* Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>

<table width="344" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="344" height="375" valign="top" bgcolor="#003366"><p><a href="http://www.ckkweddingstationery.co.uk/wedding_stationery/Lustre/lustre-sheer.gif"" rel="thumbnail"><img src="wedding_stationery/Lustre/lustre-sheer.gif" style="width: 100px; height: 80px" /></a></p></p>
<p> </p>
<p>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<table cellpadding="3">

<tr>
<td width="62"><input type="hidden" name="on0" value="What
Colour Card?"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">What
Colour Card?</font></td>
<td width="122"><select name="os0">
<option value="Black">Black
<option value="White">White</select> </td>
</tr>
<tr>
<td><input type="hidden" name="on1" value="What Colour Ribbon?"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">What
Colour Ribbon? </font></td>
<td><select name="os1">
<option value="Sheer Blue">Sheer Blue
<option value="Sheer Copper">Sheer Copper</select> </td>
</tr>
</table>
<input type="image" src="https://www.paypal.com//en_GB/i/btn/x-click-but10.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="ckksales@googlemail.com">
<input type="hidden" name="item_name" value="Lustre pocket sample">
<input type="hidden" name="item_number" value="LUSTRE-SAMPLE">
<input type="hidden" name="amount" value="2.60">
<input type="hidden" name="page_style" value="ckk_custom_page">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="return" value="http://www.ckkweddingstationery.co.uk/success.htm">
<input type="hidden" name="cancel_return" value="http://www.ckkweddingstationery/unsuccess.htm">
<input type="hidden" name="cn" value="What colour ribbon do you want">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
 </p></td>
</tr>
</table>
</body>
</html>

I left out the boring bits like meta tags etc: Thanxs Claire

**jscheuer1** · 08-07-2007, 08:55 PM

Worked fine here, once I added the stylesheet.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript">

/***********************************************
* Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>

<table width="344" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr> 
<td width="344" height="375" va . . .

Thread: Help on image thumbnail viewer and paypal

Thread Tools

Search Thread

Help on image thumbnail viewer and paypal

Bookmarks

Bookmarks

Posting Permissions