Question

站点：www.legalteklx.com我的主页上的滑块中有一些图像。图像以srcset代码形式用于响应式查询。我想使滑动图像可点击，但是不知道这是否可行，或者我如何直接添加代码链接。

<div class="slide active">
  <div class="container">
    <strong class="title"><strong><em>LX</em>&thinsp;Monarch</strong>&nbsp;&nbsp;&nbsp;&nbsp;High Definition&hellip;Single Touch Control<span>Powerful Simplicity&hellip;</span></strong>
    <a href="LXMonarch_ProductPage.php" class="btn">Learn More</a>
  </div>
  <div class="bg-stretch">
    <span data-srcset="images/prod02-sm.jpg, images/prod02-sm@2x.jpg 2x"></span>
    <span data-srcset="images/prod02.jpg, images/prod02@2x.jpg 2x" data-media="(min-width: 768px)"></span>
  </div>
</div>

Answer 1

<div class="slider container">
    <ul class="pictures">
        <li>
            <a href="#">
                <picture>
                    <source media="(min-width: 650px)" srcset="images/pic1.jpg">
                    <source media="(min-width: 465px)" srcset="images/pic2.jpg">
                    <img src="images/pic3.jpg" alt="beauty" style="width:auto;">
                </picture>
            </a>
        </li>
        <li></li>
        <li></li>
    </ul>
</div>

我做了这样的事情，假装它是一个滑块

Answer 2

为了使任何元素都可单击，一种通用方法是应用 <a></a>标签用于包装元素并将其作为链接，以便该元素变得可点击。

是否可以使srcset代码中的图像可点击？

2 个答案: