Views/Home/Picture.cshtml

微信扫码关注公众号，代码整理好后第一时间通知你。

@model Mr.Model.News

@{
    ViewBag.Title = Model.NewsTitle;
    ViewBag.KeyWords = Model.NewsKeyWord;
    ViewBag.Description = Model.NewsDesc;
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}
    <h1 class="blk_t">@Model.NewsTitle</h1>    
    <div class="prodview_info">分类: @Model.NewsTitle&nbsp;&nbsp;&nbsp;发布时间: @Model.NewsDate&nbsp;</div>
    <div class="artview_intr">@Model.NewsTag</div>
	<div class="prodview_pic jqzoom">
	    <img name="picautozoom" src="@Model.NewsPicSourceUrl" alt="@Model.NewsTitle" jqimg="@Model.NewsPicSourceUrl" />
	</div>
	<div class="prodview_prices">
								价格 : ￥@Model.NewsWeight.00<br />
								运费 : ￥10.00<br />
				数量 : <input type="text" name="prod_num_122" id="prod_num_122" value="1" size="4" /><br />				
				<input type="button" class="add_to_cart_b_view" value="加入购物车" onclick="addShoppingCart()" />
    </div>
	<div class="prodview_content">
        <p>【商品描述】<br />
            @Model.NewsDesc<br />
            <img alt="@Model.NewsTitle" src="@Model.NewsPicSourceUrl" />
        </p>
	</div>

<script type="text/javascript">

    function addShoppingCart()
    {
        alert("物品已加入购物车！");
    }
    $("img[name='picautozoom']").each(function () {
        if (this.complete) {
            var smallWidth = $(this).width();
            var smallHeight = $(this).height();
            $(this).width(smallWidth).css("height", "auto");
            if ($(this).height() > smallHeight) {
                $(this).height(smallHeight).css("width", "auto");
                $(this).css("padding", "0px " + Math.floor(Math.abs((smallWidth - $(this).width()) / 2)) + "px");
            }
            else {
                $(this).css("padding", Math.floor(Math.abs((smallHeight - $(this).height()) / 2)) + "px 0px");
            }
        }
    });
</script>