具有href標簽的圖片庫

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);