添加此代码的链接代码

Does anyone know how i can add "links" to these image row codes

有谁知道如何添加这些图像行代码的“链接”

HTML

<ul>
    <li><img src="1.jpg"></li>
    <li><img src="2.jpg"></li>
    <li><img src="3.jpg"></li>
    <li><img src="4.jpg"></li>
    <li><img src="5.jpg"></li>
    <li><img src="6.jpg"></li>
<ul>

CSS

#images {
    width: 2000px;
}

#images img {
  width: 300px;
  height: 200px;
  float: left;
}

Fiddle Example: http://jsfiddle.net/mdesdev/gEGMF/

小提琴示例：http：//jsfiddle.net/mdesdev/gEGMF/

2 个解决方案

#1

Could you possibly mean you want to add hyperlinks to the pictures? A simple <a href='[[your URL'>[[img-tag]]</a> should do the trick, as seen here.

你可能意味着你想要添加超链接到图片？如图所示，一个简单的 [[img-tag]] 应该可以解决问题。

#2

Try this:

尝试这个：

<ul>
    <li><a href="your-link"><img src="1.jpg"/></a></li>
    <li><a href="your-link"><img src="2.jpg"/></a></li>
    <li><a href="your-link"><img src="3.jpg"/></a></li>
    <li><a href="your-link"><img src="4.jpg"/></a></li>
    <li><a href="your-link"><img src="5.jpg"/></a></li>
    <li><a href="your-link"><img src="6.jpg"/></a></li>
</ul>

#1