Question

我有一个问题

我有这个代码。用于显示图库的代码，它完美无缺。我现在想要当你点击任何图片时我会以更大的分辨率显示它。但是当我放置href标签时，如果链接出现，图像不会出现，但图像不会出现。

<div class="container">

    <div id="freewall" class="free-wall"></div>

    <script type="text/javascript">

        var temp = "<div class='brick' style='width:{width}px;'><img src='img/col1/{index}.jpg' width='100%'></div>";
        var w = 1, h = 1, html = '', limitItem = 24;
        for (var i = 0; i < limitItem; ++i) {
            w = 1 + 3 * Math.random() << 0;
            html += temp.replace(/\{width\}/g, w*150).replace("{index}", i + 1);
        }
        $("#freewall").html(html);

        var wall = new Freewall("#freewall");
        wall.reset({
            selector: '.brick',
            animate: true,
            cellW: 150,
            cellH: 'auto',
            onResize: function() {
                wall.fitWidth();
            }
        });

        var images = wall.container.find('.brick');
        images.find('img').load(function() {
            wall.fitWidth();
        });

    </script>

</div>

当我将标签href

时，图像可能不会出现

var temp = "<div class='brick' style='width:{width}px;'><a href='img/col1/{index}.jpg'><img src='img/col1/{index}.jpg' width='100%'></a></div>";

显示链接，但不显示图像。

任何帮助我都很感激。感谢

Answer 1

我认为你能做的更容易。

.style1{
display:block;
width:100%;
}

将此类添加到您的标记

<a class="style1" href='img/col1/{index}.jpg'>

希望有所帮助

编辑：

问题似乎在这里。

.replace("{index}", i + 1);

使用它。

.replace("/{index}/g", i + 1);

带有href标签的图库

1 个答案: