Картинная галерея с href tag

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