Question

我是一名艺术家和一名教师，而不是网页设计师，但我正在纽约市视觉艺术学院学习网页设计课程。我使用精美的方块2.1.7重新设计了我的网站，每个小预览都有我的艺术作品的弹出窗口。我想在每个fancybox大预览上添加一个PayPal按钮，但每个大预览都需要一个单独的代码，所以我不能为每个页面引用一个.html页面。我预计有2或300幅画可以买到印刷品，每个人都需要一个单独的PayPal代码和购买不同尺寸的选项。这是一幅画的PayPal代码，但我无法弄清楚如何将它放入灯箱弹出：

<!--From Paypal-->   

        <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="MM843VYMGKMT2">
<table>
<tr><select name="os0">
    <option value="13x19 print">13x19 print $50.00 USD</option>
    <option value="17x22 print">17x22 print $100.00 USD</option>
</select> </tr>
<tr><input type="hidden" name="on1" value="All prints are signed">All prints are signed</tr>

</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

 <!--End Paypal—>

我需要带有单独代码的按钮进入fancybox的每个弹出窗口。

我的网页尚未完成，可在此处查看： http://david.ignacior67.webfactional.com/fancybox-2.1.7-David2/index.html

如果有任何帮助，我将不胜感激，我愿意发送任何作品的签名照片，感谢能为我的问题提供解决方案的任何人。

David Mattingly（我的旧网站是david mattingly.com）

Answer 1

就我看过你的网站而言，它似乎是静态的，除了Javascript库和代码。

因此，看起来足够的是少量的Javascript编程;基本上，你需要在某个地方获取应该用于每个图像的列表paypal代码，然后将这些代码添加到生成的fancybox内容中。

要做到这一点，其中一种方法是制作一个关联的JS数组，列出所有图像及其代码：

var paypalcode=[]
paypalcode['myimage1']='mypaypalcode1';
paypalcode['myimage2']='mypaypalcode2';

然后在某处，但很可能在afterLoad函数中，你只需插入你列出的通用paypal代码，然后查看你当前正在显示的图像，然后将该特定图像的paypalcode添加到正确的paypal形式变量

总体而言，Stack Overflow是一个帮助程序员和那些想要学习编程的人，而不是为非程序员做程序员的工作，所以这是给自己想要自己做的人的建议。 / p>

在你的情况下，对于JS程序员来说似乎可能是一个1-3小时的工作，这取决于他的质量和你的案例的具体情况（即，如果你想从你的paypal列表中自动生成paypal图像代码，而不是在您的网站上维护手动列表，它将更自动化，但也需要更多的时间来做）。除非您愿意学习JS，否则您可以自己实施解决方案，但最好的办法是聘请一些自由职业者。

有可能有人会过来并向你提出一些额外的澄清问题，你在这里找到一个完整的解决方案，但我觉得它不太可能。

弹出Fancybox中添加paypal按钮

1 个答案: