PDA

View Full Version : 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!!!:( :confused: :(

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">
<!--DWLayoutTable-->
<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>&nbsp;</p>
<p>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<table cellpadding="3">
<!--DWLayoutTable-->
<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>
&nbsp;</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.


<!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 . . .