C # webform - Показать изображения в макете кладки - PullRequest
Новая
       41

C # webform - Показать изображения в макете кладки

0 голосов
/ 29 ноября 2018

Я использую веб-форму asp.net (без mvc) с c #.Я пытаюсь показать изображения через макет кладки и imagesLoaded и для начала я написал следующий код: 

    <script src="../Plugins/masonry/masonry.pkgd.min.js"></script>
    <script src="../Plugins/masonry/imagesloaded.pkgd.min.js"></script>
    <style>
        .grid-item { width: 200px;  background-color: gray;
    }
        .grid-item--width2 { width: 400px; }

    </style>
    <script>
        $('.grid').masonry({
            // options
            itemSelector: '.grid-item',
            columnWidth: 200
        });

    </script>

    <div class="grid">
      <div class="grid-item"><img src="images/Chrysanthemum20180717094352440.jpg" /></div>
      <div class="grid-item grid-item--width2"><img src="images/Chrysanthemum20180717094352440.jpg" /></div>
      <div class="grid-item"><img src="images/Chrysanthemum20180717094352440.jpg" /></div> 
    </div>

Когда я запускаю это, я вижу три больших изображения.Я не могу понять, как все это работает.Я получу изображение src в своем коде c #, так как мне связать его здесь и убедиться, что оно отображается в соответствии с макетом кладки и показать изображения.

Буду признателен, если кто-нибудь может предложить пример, где либо jsonиспользуется или через код, как я могу создать эту галерею изображений.

...