转go图像单击并转到页面

Question

我是一个新的codder，我需要一些help.Firstly，很抱歉，我的坏english.My主页是一个图片。我有一些品牌在这个page.For的例子：

• a
• b
• c

我想，当我点击一个图片，转到第1页，当我点击b图片，转到第2页，我需要一个图像地图，像这样的链接。你能给我举个这样的例子或者帮个忙吗？

页码

首先，对不起，我的坏english.My主页是一张图片。我在这个page.For的例子中有一些品牌：

当我点击一个图像时，我想要转到页面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);
}

Answer 1

我认为在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...
}

Answer 2

这是我的朋友项目，ı试着理解这个项目，所以我找到了一些东西。看看这个。

missing: function (event, pages) {

            

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

            }
        }

我找到了这个添加pages.So的函数，我如何编辑页面？我想映射这个图像，然后转到第12页，第2页，第3页或其他地方.$("#flipbook").turn(" page "，10)；这是工作，但我需要编辑页面并调用转页函数