我使用了Interactive Picture jQuery,如何链接盒子?

时间:2013-11-19 00:42:07

标签: javascript jquery html css interactive

jQuery(document).ready(function(){
    $( "#iPicture6" ).iPicture({
        animation: true,
        animationBg: "bgblack",
        animationType: "ltr-slide",
        pictures: ["picture1","picture2","picture3","picture4","picture5"],
        button: "moreblack",
        moreInfos: {"picture1":[{"id":"tooltip1","descr":"Looking at Stars", "top":"200px","left":"103px"},{"id":"tooltip2","descr":"sofa: 199$","top":"346px","left":"483px"},{"id":"tooltip3","descr":"silver candle: 2.99$","top":"461px","left":"556px"}],

当我输入用于INteractive图片jquery的javascript时,我有这个代码,我想知道如何继续关于每个按钮/框的超链接?

提前致谢

1 个答案:

答案 0 :(得分:1)

你可以这样做:

moreInfos: {
  "picture1": [
    {
      "id":"tooltip1",
      "descr":"<a href='http://www.google.com'>furniture: 299$</a>",
      "top":"185px",
      "left":"393px"
    }
    // And So on....

您会看到按钮/框的说明中有超链接。