Question

我在学习管理系统中设计课程，并且我希望使特定课程中的所有图像都可以点击，因此点击照片会打开图像的完整分辨率版本。

现在，它看起来像这样：

<img class="question-image" alt="" src="https://d16smq18f8amlc.cloudfront.net/26154/assessment/879087_1.jpg">

我想把它变成这样的东西：

<a href="https://contentlive.s3.amazonaws.com/26154/page/f0b69777.jpg" target="_blank">
    <img src="https://contentlive.s3.amazonaws.com/26154/page/f0b69777" style="height: 333px; width: 500px;">
</a>

基本上，我想将图像变成图像的超链接。全分辨率版本。这可能吗？

Answer 1

你可以做这样的事情

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>on demo</title>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

    <img class="question-image" alt="" src="http://cdn-careers.sstatic.net/careers/Img/logos/logo-socareers.svg?v=16f4bcd961f9" />

    <script>        
        $(".question-image").click(function () {
            window.open('http://stackoverflow.com/', '_blank');
        });
    </script>

</body>
</html>

为各个网址创建函数和传递参数

Answer 2

你可以这样做。的 The Fiddle is here.

<a href="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS1jEJsCAhAJDrzQoU9Cp6OA9xQQ2hdivqHa6kbtu_fzvXhE15A" target="_blank" > <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS1jEJsCAhAJDrzQoU9Cp6OA9xQQ2hdivqHa6kbtu_fzvXhE15A" alt="" style="height: 333px; width: 500px;"> </a>

如何将具有特定类的每个图像转换为超链接？

2 个答案: