1

我是新手，我需要一些帮助。首先抱歉我的英语不好。我的主页是一张图片。我在这个页面上有一些品牌。例如：

  • 一个
  • b
  • C

我想当我单击图像时转到第 1 页，当我单击 b 图像时转到第 2 页。我需要这样的图像映射和链接。您可以发送这样的示例或提供一些帮助吗？

页面代码

首先抱歉我的英语不好。我的主页是一张图片。我在这个页面上有一些品牌。例如：

a b c 我想当我单击图像时转到第 1 页，当我单击 b 图像时转到第 2 页。我需要这样的图像映射和链接。您可以发送这样的示例或提供一些帮助吗？不是可点击的

示例 html

<li class="i">
                <img onclick="gotopage()" "src="pages/1.jpg" width="76" height="100" class="page-1">
            
                <span>1</span>
            </li>
jss

function gotopage()
{

    $("#flipbook").turn("page", 10);
}
4

2 回答 2

0

它是我的朋友项目，我试图理解这个项目，所以我发现了一些东西。看这个。

missing: function (event, pages) {

            

                for (var i = 0; i < pages.length; i++)
                    addPage(pages[i], $(this));

            }
        }

我找到了添加页面的这个功能。那么我该如何编辑页面[0]？我想映射此图像并转到页面 1 2 3 或其他内容。$("#flipbook").turn("page", 10); 这是工作，但我需要编辑页面 [0] 并调用翻页功能

于 2020-07-09T14:04:17.570 回答
0

我认为您的代码中有一个小错字 [ src 之前的额外引号] 我在这里修复了它：https ://jsfiddle.net/tc37uhqa/

当您想快速测试某些东西时，JSFiddle（和许多其他类似的服务）真的很有帮助

<li class="i">
                <img onclick="gotopage()" src="https://www.google.co.uk/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="76" height="100" class="page-1">
            
                <span>Click on Google!</span>
            </li>

function gotopage()
{

        alert("OK - Function triggered"); // TO PROVE WE GET HERE...
    $("#flipbook").turn("page", 10);  // You need to provide more info on this functionality to get further if it still doesn't work...
}
于 2020-07-09T13:40:20.220 回答