Asp.Net MVC2 控件开发实例(3)

  这次是一个图片控件，实现轮播、上传、删除、修改以及点击时放大等功能。 先来看最终效果：
   
 
 
 
 
 
 
 
 
 
 
说明：轮播的CSS参考了网上一篇文章，具体链接忘记了，其余为原创。
    书归正传。这个控件有几个功能点，1是无刷新上传和修改，这里使用了一个上传插件，详见：
ajaxupload。官方有使用说明，这里我就不讨论了；2是新增修改和删除图标的定位问题，CSS设置定位和层叠即可，也不细说了；3是点击小图显示大图的问题，这里面还有缩略图问题；4是控件单独刷新。以下将依次说明。
    首先构建基本的HTML和CSS：
HTML+CSS 

<div class="banner_f">
    <div class="banner">
        <div class="banner_bg">
        </div>
        <!--标题-->
        <div class="banner_info">
    </div>
        <!--标题背景-->
        <div class="banner_list">
        </div>

        <div class="div_imgHD">
        </div>
    </div>
    <ul class="banner_ul">
        </ul>
</div>
<%=Html.Hidden("ZPDTID", Model.ZPDTID as string)%>
<%=Html.Hidden("PhotoYWdtid", Model.PhotoYWdtid as string)%>
<%=Html.Hidden("HD_Width", Model.HD_Width as string)%>
<%=Html.Hidden("HD_Height", Model.H

补充：Web开发 , ASP.Net ,

上一个：ASP.NET MVC3.0 入门指南 5 从控制器访问模型数据
下一个：Asp.Net MVC2 控件开发实例(2)