砌体图像不喜欢<div>

时间:2018-01-19 03:05:27

标签: c# css asp.net-mvc jquery-masonry masonry

所以我想用砌体创建一个照片库。它们可能都有不同的尺寸所以我选择使用%sizing而不是让事情变得更加清晰。现在我想在照片上添加信息,并使事情可以过滤。

CREATE FUNCTION get_trading_time (p_trade_id VARCHAR2, p_price NUMBER,  p_trading_time DATE) RETURN DATE
IS
       v_trading_time DATE;
BEGIN
       BEGIN
           SELECT trading_time
             INTO v_trading_time
             FROM trade_sb
            WHERE trade_id = p_trade_id
              AND price = p_price;
           RETURN v_trading_time;
       EXCEPTION
            WHEN NO_DATA_FOUND THEN NULL;
       END;
       BEGIN
           SELECT trading_time
             INTO v_trading_time
             FROM trade_mb
            WHERE trade_id = p_trade_id
              AND prioe = p_price;
           RETURN v_trading_time;
       EXCEPTION
            WHEN NO_DATA_FOUND THEN NULL;
       END;
       IF v_trading_time IS NULL THEN
          RETURN p_trading_time;
       END IF;
END;
/


select trading_day,trading_time,quantity,price ,
        get_trading_time(trade_id, price, trading_time) trading_time2
  from trade 
 where trade_id='A903';

Photo of the result 你有任何提示我会很感激!任何批评或任何你建议我做的改进也会很棒。我正在练习c#并试图了解更多信息,但这样的事情让我很难理解我哪里出错了。

旁注:我也尝试使用追加附加所有图片,但它也没有工作:(

1 个答案:

答案 0 :(得分:1)

HEAD

<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/Isotope/jquery.min.js"></script>
<script src="~/Scripts/Isotope/isotope.pkgd.min.js"></script>
<script src="~/Scripts/Isotope/masonry.pkgd.min.js"></script>
<script src="~/Scripts/Isotope/imagesloaded.pkgd.min.js"></script>

 <style>
    .photo-container{
        width: 320px;
        margin: 5px;
        float: left;
    }
    .photo-container img {
        width: 100%;
        display: block;
    }
</style>

BODY `

   <div>
       <p></p>
         <div class="Gallery">

             @foreach (var pic in Model)
        {
            <div class="photo-container">
                <a href='@Url.Action("Details", "PhotoManagement", new { id =
              pic.Id })'>
                    <img src="@pic.FilePath" typeof="image"
                         oncontextmenu="return false" />
                </a>
            </div>
        }
        <script>
            $(document).ready(function () {
                var $grid = $('.Gallery').isotope({
                    itemSelector: ".photo-container",
                    masonry: {
                        columnWidth: 33
                    }
                });
                $grid.imagesLoaded().progress(function () {
                    $grid.isotope('layout');
                })
            })

        </script>
       </div>
   </div>`

一个伙伴去帮助我,我们让它使用以下解决方案。如果这有助于其他任何人下线