Asp. Net MVC2 control development instance (3)

This is an image control that enables rotation, upload, deletion, modification, and click amplification. First, let's look at the final result:

 

 

 

 

 

 

 

 

 

 

Note: The carousel CSS references the previous article on the Internet. The specific link is missing, and the rest are original.

The book is now being passed on. This control has several functions. 1 is a refreshing upload and modification. an upload plug-in is used here. For details, see:

Ajaxupload. I will not discuss the official instructions here. 2. It is about the positioning of newly added and deleted icons. CSS settings can be located and stacked; 3. Click the thumbnail to display the big image. The thumbnail is also displayed. 4. The control is refreshed separately. The following describes in sequence.

First, construct the basic HTML and CSS:

HTML + CSS < Div Class = "Banner_f" >
< Div Class = "Banner" >
< Div Class = "Banner_bg" >
</ Div >
<! -- Title -->
< Div Class = "Banner_info" >
</ Div >
<! -- Title background -->
< 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