Authored by mlge

增加一个新页面--加载单张图片的

@@ -129,4 +129,9 @@ public class ShowCtrl { @@ -129,4 +129,9 @@ public class ShowCtrl {
129 } 129 }
130 return ""; 130 return "";
131 } 131 }
  132 +
  133 + @RequestMapping("/loadSingleImage")
  134 + public ModelAndView loadSingleImage(){
  135 + return new ModelAndView("loadSingleImage");
  136 + }
132 } 137 }
@@ -143,122 +143,15 @@ @@ -143,122 +143,15 @@
143 样本展示 </a> 143 样本展示 </a>
144 144
145 </li> 145 </li>
  146 + <li>
  147 + <a href="loadSingleImage">
146 148
147 - <li >  
148 -  
149 - <a href="layout_horizontal_menu2.html">  
150 -  
151 - Horzontal Menu 2 </a>  
152 -  
153 - </li>  
154 -  
155 - <li class="active">  
156 -  
157 - <a href="layout_promo.html">  
158 -  
159 - Promo Page  
160 -  
161 - </a>  
162 -  
163 - </li>  
164 -  
165 - <li >  
166 -  
167 - <a href="layout_blank_page.html">  
168 -  
169 - Blank Page </a>  
170 -  
171 - </li>  
172 -  
173 - <li >  
174 -  
175 - <a href="layout_email.html">  
176 -  
177 - Email Templates </a>  
178 -  
179 - </li>  
180 -  
181 - <li >  
182 -  
183 - <a href="layout_ajax.html">  
184 -  
185 - Content Loading via Ajax</a>  
186 -  
187 - </li>  
188 -  
189 - <li >  
190 -  
191 - <a href="layout_sidebar_closed.html">  
192 -  
193 - Sidebar Closed Page </a>  
194 -  
195 - </li>  
196 -  
197 - <li >  
198 -  
199 - <a href="layout_blank_page.html">  
200 -  
201 - Blank Page </a>  
202 -  
203 - </li>  
204 -  
205 - <li >  
206 -  
207 - <a href="layout_boxed_page.html">Boxed Page</a>  
208 -  
209 - </li>  
210 -  
211 - <li >  
212 -  
213 - <a href="layout_boxed_not_responsive.html">  
214 -  
215 - Non-Responsive Boxed Layout </a>  
216 - 149 + 单张图片展示 </a>
217 </li> 150 </li>
218 151
219 - <li class="dropdown-submenu">  
220 -  
221 - <a tabindex="-1" href="javascript:;">  
222 -  
223 - More options  
224 152
225 - <span class="arrow"></span>  
226 153
227 - </a>  
228 154
229 - <ul class="dropdown-menu">  
230 -  
231 - <li><a tabindex="-1" href="#">Second level link</a></li>  
232 -  
233 - <li class="dropdown-submenu">  
234 -  
235 - <a tabindex="-1" href="javascript:;">More options<span class="arrow"></span></a>  
236 -  
237 - <ul class="dropdown-menu">  
238 -  
239 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
240 -  
241 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
242 -  
243 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
244 -  
245 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
246 -  
247 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
248 -  
249 - </ul>  
250 -  
251 - </li>  
252 -  
253 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
254 -  
255 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
256 -  
257 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
258 -  
259 - </ul>  
260 -  
261 - </li>  
262 155
263 </ul> 156 </ul>
264 157
@@ -846,25 +739,18 @@ @@ -846,25 +739,18 @@
846 739
847 <li> 740 <li>
848 741
849 - <a href="/show/index">  
850 742
851 - 相似图片展示 </a>  
852 743
853 </li> 744 </li>
854 745
855 <li > 746 <li >
856 747
857 - <a href="/show/toSampleShow">  
858 748
859 - 样本展示 </a>  
860 749
861 </li> 750 </li>
862 751
863 <li > 752 <li >
864 753
865 - <a href="layout_horizontal_menu2.html">  
866 -  
867 - Horzontal Menu 2 </a>  
868 754
869 </li> 755 </li>
870 756
  1 +<!DOCTYPE html>
  2 +
  3 +<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
  4 +
  5 +<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
  6 +
  7 +<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
  8 +
  9 +<!-- BEGIN HEAD -->
  10 +
  11 +<head>
  12 +
  13 + <meta charset="utf-8" />
  14 +
  15 + <title>Metronic | Layouts - Promo Page</title>
  16 +
  17 + <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  18 +
  19 + <meta content="" name="description" />
  20 +
  21 + <meta content="" name="author" />
  22 +
  23 + <!-- BEGIN GLOBAL MANDATORY STYLES -->
  24 +
  25 + <link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  26 +
  27 + <link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
  28 +
  29 + <link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  30 +
  31 + <link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
  32 +
  33 + <link href="/media/css/style.css" rel="stylesheet" type="text/css"/>
  34 +
  35 + <link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
  36 +
  37 + <link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
  38 +
  39 + <link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
  40 +
  41 + <!-- END GLOBAL MANDATORY STYLES -->
  42 +
  43 + <link href="/media/css/promo.css" rel="stylesheet" type="text/css"/>
  44 +
  45 + <link href="/media/css/animate.css" rel="stylesheet" type="text/css"/>
  46 + <link href="/media/css/jquery.dataTables_themeroller.css" rel="stylesheet" type="text/css" media="screen"/>
  47 + <link href="/media/css/jquery.dataTables.css" rel="stylesheet" type="text/css" media="screen"/>
  48 +
  49 + <link rel="shortcut icon" href="/media/image/favicon.ico" />
  50 +
  51 +</head>
  52 +
  53 +<!-- END HEAD -->
  54 +
  55 +<!-- BEGIN BODY -->
  56 +
  57 +<body class="page-header-fixed page-full-width">
  58 +
  59 +<!-- BEGIN HEADER -->
  60 +
  61 +<div class="header navbar navbar-inverse navbar-fixed-top">
  62 +
  63 + <!-- BEGIN TOP NAVIGATION BAR -->
  64 +
  65 + <div class="navbar-inner">
  66 +
  67 + <div class="container">
  68 +
  69 + <!-- BEGIN LOGO -->
  70 +
  71 + <a class="brand" href="index.html">
  72 +
  73 + <img src="/media/image/logo.png" alt="logo" />
  74 +
  75 + </a>
  76 +
  77 + <!-- END LOGO -->
  78 +
  79 + <!-- BEGIN HORIZANTAL MENU -->
  80 +
  81 + <div class="navbar hor-menu hidden-phone hidden-tablet">
  82 +
  83 + <div class="navbar-inner">
  84 +
  85 + <ul class="nav">
  86 +
  87 + <li class="visible-phone visible-tablet">
  88 +
  89 + <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
  90 +
  91 + <form class="sidebar-search">
  92 +
  93 + <div class="input-box">
  94 +
  95 + <a href="javascript:;" class="remove"></a>
  96 +
  97 + <input type="text" placeholder="Search..." />
  98 +
  99 + <input type="button" class="submit" value=" " />
  100 +
  101 + </div>
  102 +
  103 + </form>
  104 +
  105 + <!-- END RESPONSIVE QUICK SEARCH FORM -->
  106 +
  107 + </li>
  108 +
  109 + <li>
  110 +
  111 + <a href="index.html">
  112 +
  113 + Dashboard
  114 +
  115 + </a>
  116 +
  117 + </li>
  118 +
  119 + <li class="active">
  120 +
  121 + <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;">
  122 +
  123 + <span class="selected"></span>
  124 +
  125 + Layouts
  126 +
  127 + <span class="arrow"></span>
  128 +
  129 + </a>
  130 +
  131 + <ul class="dropdown-menu">
  132 +
  133 + <li>
  134 +
  135 + <a href="index">
  136 +
  137 + 相似图片展示 </a>
  138 +
  139 + </li>
  140 +
  141 + <li >
  142 +
  143 + <a href="toSampleShow">
  144 +
  145 + 样本展示 </a>
  146 +
  147 + </li>
  148 +
  149 + <li class="active">
  150 +
  151 + <a href="loadSingleImage">
  152 +
  153 + 单张图片展示 </a>
  154 +
  155 + </li>
  156 +
  157 +
  158 +
  159 +
  160 +
  161 + </ul>
  162 +
  163 + <b class="caret-out"></b>
  164 +
  165 + </li>
  166 +
  167 + <li>
  168 +
  169 + <a href="">Tables</a>
  170 +
  171 + </li>
  172 +
  173 + <li>
  174 +
  175 + <a data-toggle="dropdown" class="dropdown-toggle" href="">Extra
  176 +
  177 + <span class="arrow"></span>
  178 +
  179 + </a>
  180 +
  181 + <ul class="dropdown-menu">
  182 +
  183 + <li><a href="index.html">About Us</a></li>
  184 +
  185 + <li><a href="index.html">Services</a></li>
  186 +
  187 + <li><a href="index.html">Pricing</a></li>
  188 +
  189 + <li><a href="index.html">FAQs</a></li>
  190 +
  191 + <li><a href="index.html">Gallery</a></li>
  192 +
  193 + <li><a href="index.html">Registration</a></li>
  194 +
  195 + <li><a href="index.html">2 Columns (Left)</a></li>
  196 +
  197 + <li><a href="index.html">2 Columns (Right)</a></li>
  198 +
  199 + </ul>
  200 +
  201 + <b class="caret-out"></b>
  202 +
  203 + </li>
  204 +
  205 + <li>
  206 +
  207 + <span class="hor-menu-search-form-toggler">&nbsp;</span>
  208 +
  209 + <div class="search-form hidden-phone hidden-tablet">
  210 +
  211 + <form class="form-search">
  212 +
  213 + <div class="input-append">
  214 +
  215 + <input type="text" placeholder="Search..." class="m-wrap">
  216 +
  217 + <button type="button" class="btn"></button>
  218 +
  219 + </div>
  220 +
  221 + </form>
  222 +
  223 + </div>
  224 +
  225 + </li>
  226 +
  227 + </ul>
  228 +
  229 + </div>
  230 +
  231 + </div>
  232 +
  233 + <!-- END HORIZANTAL MENU -->
  234 +
  235 + <!-- BEGIN RESPONSIVE MENU TOGGLER -->
  236 +
  237 + <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
  238 +
  239 + <img src="/media/image/menu-toggler.png" alt="" />
  240 +
  241 + </a>
  242 +
  243 + <!-- END RESPONSIVE MENU TOGGLER -->
  244 +
  245 + <!-- BEGIN TOP NAVIGATION MENU -->
  246 +
  247 + <ul class="nav pull-right">
  248 +
  249 + <!-- BEGIN NOTIFICATION DROPDOWN -->
  250 +
  251 + <li class="dropdown" id="header_notification_bar">
  252 +
  253 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  254 +
  255 + <i class="icon-warning-sign"></i>
  256 +
  257 + <span class="badge">6</span>
  258 +
  259 + </a>
  260 +
  261 + <ul class="dropdown-menu extended notification">
  262 +
  263 + <li>
  264 +
  265 + <p>You have 14 new notifications</p>
  266 +
  267 + </li>
  268 +
  269 + <li>
  270 +
  271 + <a href="#">
  272 +
  273 + <span class="label label-success"><i class="icon-plus"></i></span>
  274 +
  275 + New user registered.
  276 +
  277 + <span class="time">Just now</span>
  278 +
  279 + </a>
  280 +
  281 + </li>
  282 +
  283 + <li>
  284 +
  285 + <a href="#">
  286 +
  287 + <span class="label label-important"><i class="icon-bolt"></i></span>
  288 +
  289 + Server #12 overloaded.
  290 +
  291 + <span class="time">15 mins</span>
  292 +
  293 + </a>
  294 +
  295 + </li>
  296 +
  297 + <li>
  298 +
  299 + <a href="#">
  300 +
  301 + <span class="label label-warning"><i class="icon-bell"></i></span>
  302 +
  303 + Server #2 not respoding.
  304 +
  305 + <span class="time">22 mins</span>
  306 +
  307 + </a>
  308 +
  309 + </li>
  310 +
  311 + <li>
  312 +
  313 + <a href="#">
  314 +
  315 + <span class="label label-info"><i class="icon-bullhorn"></i></span>
  316 +
  317 + Application error.
  318 +
  319 + <span class="time">40 mins</span>
  320 +
  321 + </a>
  322 +
  323 + </li>
  324 +
  325 + <li>
  326 +
  327 + <a href="#">
  328 +
  329 + <span class="label label-important"><i class="icon-bolt"></i></span>
  330 +
  331 + Database overloaded 68%.
  332 +
  333 + <span class="time">2 hrs</span>
  334 +
  335 + </a>
  336 +
  337 + </li>
  338 +
  339 + <li>
  340 +
  341 + <a href="#">
  342 +
  343 + <span class="label label-important"><i class="icon-bolt"></i></span>
  344 +
  345 + 2 user IP blocked.
  346 +
  347 + <span class="time">5 hrs</span>
  348 +
  349 + </a>
  350 +
  351 + </li>
  352 +
  353 + <li class="external">
  354 +
  355 + <a href="#">See all notifications <i class="m-icon-swapright"></i></a>
  356 +
  357 + </li>
  358 +
  359 + </ul>
  360 +
  361 + </li>
  362 +
  363 + <!-- END NOTIFICATION DROPDOWN -->
  364 +
  365 + <!-- BEGIN INBOX DROPDOWN -->
  366 +
  367 + <li class="dropdown" id="header_inbox_bar">
  368 +
  369 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  370 +
  371 + <i class="icon-envelope"></i>
  372 +
  373 + <span class="badge">5</span>
  374 +
  375 + </a>
  376 +
  377 + <ul class="dropdown-menu extended inbox">
  378 +
  379 + <li>
  380 +
  381 + <p>You have 12 new messages</p>
  382 +
  383 + </li>
  384 +
  385 + <li>
  386 +
  387 + <a href="inbox.html?a=view">
  388 +
  389 + <span class="photo"><img src="/media/image/avatar2.jpg" alt="" /></span>
  390 +
  391 + <span class="subject">
  392 +
  393 + <span class="from">Lisa Wong</span>
  394 +
  395 + <span class="time">Just Now</span>
  396 +
  397 + </span>
  398 +
  399 + <span class="message">
  400 +
  401 + Vivamus sed auctor nibh congue nibh. auctor nibh
  402 +
  403 + auctor nibh...
  404 +
  405 + </span>
  406 +
  407 + </a>
  408 +
  409 + </li>
  410 +
  411 + <li>
  412 +
  413 + <a href="inbox.html?a=view">
  414 +
  415 + <span class="photo"><img src="/media/image/avatar3.jpg" alt="" /></span>
  416 +
  417 + <span class="subject">
  418 +
  419 + <span class="from">Richard Doe</span>
  420 +
  421 + <span class="time">16 mins</span>
  422 +
  423 + </span>
  424 +
  425 + <span class="message">
  426 +
  427 + Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh
  428 +
  429 + auctor nibh...
  430 +
  431 + </span>
  432 +
  433 + </a>
  434 +
  435 + </li>
  436 +
  437 + <li>
  438 +
  439 + <a href="inbox.html?a=view">
  440 +
  441 + <span class="photo"><img src="/media/image/avatar1.jpg" alt="" /></span>
  442 +
  443 + <span class="subject">
  444 +
  445 + <span class="from">Bob Nilson</span>
  446 +
  447 + <span class="time">2 hrs</span>
  448 +
  449 + </span>
  450 +
  451 + <span class="message">
  452 +
  453 + Vivamus sed nibh auctor nibh congue nibh. auctor nibh
  454 +
  455 + auctor nibh...
  456 +
  457 + </span>
  458 +
  459 + </a>
  460 +
  461 + </li>
  462 +
  463 + <li class="external">
  464 +
  465 + <a href="inbox.html">See all messages <i class="m-icon-swapright"></i></a>
  466 +
  467 + </li>
  468 +
  469 + </ul>
  470 +
  471 + </li>
  472 +
  473 + <!-- END INBOX DROPDOWN -->
  474 +
  475 + <!-- BEGIN TODO DROPDOWN -->
  476 +
  477 + <li class="dropdown" id="header_task_bar">
  478 +
  479 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  480 +
  481 + <i class="icon-tasks"></i>
  482 +
  483 + <span class="badge">5</span>
  484 +
  485 + </a>
  486 +
  487 + <ul class="dropdown-menu extended tasks">
  488 +
  489 + <li>
  490 +
  491 + <p>You have 12 pending tasks</p>
  492 +
  493 + </li>
  494 +
  495 + <li>
  496 +
  497 + <a href="#">
  498 +
  499 + <span class="task">
  500 +
  501 + <span class="desc">New release v1.2</span>
  502 +
  503 + <span class="percent">30%</span>
  504 +
  505 + </span>
  506 +
  507 + <span class="progress progress-success ">
  508 +
  509 + <span style="width: 30%;" class="bar"></span>
  510 +
  511 + </span>
  512 +
  513 + </a>
  514 +
  515 + </li>
  516 +
  517 + <li>
  518 +
  519 + <a href="#">
  520 +
  521 + <span class="task">
  522 +
  523 + <span class="desc">Application deployment</span>
  524 +
  525 + <span class="percent">65%</span>
  526 +
  527 + </span>
  528 +
  529 + <span class="progress progress-danger progress-striped active">
  530 +
  531 + <span style="width: 65%;" class="bar"></span>
  532 +
  533 + </span>
  534 +
  535 + </a>
  536 +
  537 + </li>
  538 +
  539 + <li>
  540 +
  541 + <a href="#">
  542 +
  543 + <span class="task">
  544 +
  545 + <span class="desc">Mobile app release</span>
  546 +
  547 + <span class="percent">98%</span>
  548 +
  549 + </span>
  550 +
  551 + <span class="progress progress-success">
  552 +
  553 + <span style="width: 98%;" class="bar"></span>
  554 +
  555 + </span>
  556 +
  557 + </a>
  558 +
  559 + </li>
  560 +
  561 + <li>
  562 +
  563 + <a href="#">
  564 +
  565 + <span class="task">
  566 +
  567 + <span class="desc">Database migration</span>
  568 +
  569 + <span class="percent">10%</span>
  570 +
  571 + </span>
  572 +
  573 + <span class="progress progress-warning progress-striped">
  574 +
  575 + <span style="width: 10%;" class="bar"></span>
  576 +
  577 + </span>
  578 +
  579 + </a>
  580 +
  581 + </li>
  582 +
  583 + <li>
  584 +
  585 + <a href="#">
  586 +
  587 + <span class="task">
  588 +
  589 + <span class="desc">Web server upgrade</span>
  590 +
  591 + <span class="percent">58%</span>
  592 +
  593 + </span>
  594 +
  595 + <span class="progress progress-info">
  596 +
  597 + <span style="width: 58%;" class="bar"></span>
  598 +
  599 + </span>
  600 +
  601 + </a>
  602 +
  603 + </li>
  604 +
  605 + <li>
  606 +
  607 + <a href="#">
  608 +
  609 + <span class="task">
  610 +
  611 + <span class="desc">Mobile development</span>
  612 +
  613 + <span class="percent">85%</span>
  614 +
  615 + </span>
  616 +
  617 + <span class="progress progress-success">
  618 +
  619 + <span style="width: 85%;" class="bar"></span>
  620 +
  621 + </span>
  622 +
  623 + </a>
  624 +
  625 + </li>
  626 +
  627 + <li class="external">
  628 +
  629 + <a href="#">See all tasks <i class="m-icon-swapright"></i></a>
  630 +
  631 + </li>
  632 +
  633 + </ul>
  634 +
  635 + </li>
  636 +
  637 + <!-- END TODO DROPDOWN -->
  638 +
  639 + <!-- BEGIN USER LOGIN DROPDOWN -->
  640 +
  641 + <li class="dropdown user">
  642 +
  643 + <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  644 +
  645 + <img alt="" src="/media/image/avatar1_small.jpg" />
  646 +
  647 + <span class="username">Bob Nilson</span>
  648 +
  649 + <i class="icon-angle-down"></i>
  650 +
  651 + </a>
  652 +
  653 + <ul class="dropdown-menu">
  654 +
  655 + <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>
  656 +
  657 + <li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>
  658 +
  659 + <li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>
  660 +
  661 + <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
  662 +
  663 + <li class="divider"></li>
  664 +
  665 + <li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
  666 +
  667 + <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
  668 +
  669 + </ul>
  670 +
  671 + </li>
  672 +
  673 + <!-- END USER LOGIN DROPDOWN -->
  674 +
  675 + </ul>
  676 +
  677 + <!-- END TOP NAVIGATION MENU -->
  678 +
  679 + </div>
  680 +
  681 + </div>
  682 +
  683 + <!-- END TOP NAVIGATION BAR -->
  684 +
  685 +</div>
  686 +
  687 +<!-- END HEADER -->
  688 +
  689 +<!-- BEGIN CONTAINER -->
  690 +
  691 +<div class="page-container row-fluid">
  692 +
  693 + <!-- BEGIN EMPTY PAGE SIDEBAR -->
  694 +
  695 + <div class="page-sidebar nav-collapse collapse visible-phone visible-tablet">
  696 +
  697 + <ul class="page-sidebar-menu">
  698 +
  699 + <li class="visible-phone visible-tablet">
  700 +
  701 + <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
  702 +
  703 + <form class="sidebar-search">
  704 +
  705 + <div class="input-box">
  706 +
  707 + <a href="javascript:;" class="remove"></a>
  708 +
  709 + <input type="text" placeholder="Search..." />
  710 +
  711 + <input type="button" class="submit" value=" " />
  712 +
  713 + </div>
  714 +
  715 + </form>
  716 +
  717 + <!-- END RESPONSIVE QUICK SEARCH FORM -->
  718 +
  719 + </li>
  720 +
  721 + <li>
  722 +
  723 + <a class="active" href="index.html">
  724 +
  725 + Dashboard
  726 +
  727 + </a>
  728 +
  729 + </li>
  730 +
  731 + <li class="active">
  732 +
  733 + <a href="javascript:;">
  734 +
  735 + Layouts
  736 +
  737 + <span class="arrow open"></span>
  738 +
  739 + <span class="selected"></span>
  740 +
  741 + </a>
  742 +
  743 + <ul class="sub-menu">
  744 +
  745 + <li>
  746 +
  747 +
  748 +
  749 + </li>
  750 +
  751 + <li >
  752 +
  753 +
  754 +
  755 + </li>
  756 +
  757 + <li >
  758 +
  759 +
  760 +
  761 + </li>
  762 +
  763 + <li >
  764 +
  765 + <a href="layout_promo.html">
  766 +
  767 + Promo Page
  768 +
  769 + </a>
  770 +
  771 + </li>
  772 +
  773 + <li >
  774 +
  775 + <a href="layout_email.html">
  776 +
  777 + Email Templates </a>
  778 +
  779 + </li>
  780 +
  781 + <li >
  782 +
  783 + <a href="layout_ajax.html">
  784 +
  785 + Content Loading via Ajax</a>
  786 +
  787 + </li>
  788 +
  789 + <li >
  790 +
  791 + <a href="layout_sidebar_closed.html">
  792 +
  793 + Sidebar Closed Page </a>
  794 +
  795 + </li>
  796 +
  797 + <li >
  798 +
  799 + <a href="layout_blank_page.html">
  800 +
  801 + Blank Page </a>
  802 +
  803 + </li>
  804 +
  805 + <li >
  806 +
  807 + <a href="layout_boxed_page.html">Boxed Page</a>
  808 +
  809 + </li>
  810 +
  811 + <li >
  812 +
  813 + <a href="layout_boxed_not_responsive.html">
  814 +
  815 + Non-Responsive Boxed Layout </a>
  816 +
  817 + </li>
  818 +
  819 + <li >
  820 +
  821 + <a href="layout_blank_page.html">
  822 +
  823 + Blank Page </a>
  824 +
  825 + </li>
  826 +
  827 + <li>
  828 +
  829 + <a href="javascript:;">
  830 +
  831 + More options
  832 +
  833 + <span class="arrow"></span>
  834 +
  835 + </a>
  836 +
  837 + <ul class="sub-menu">
  838 +
  839 + <li><a href="#">Second level link</a></li>
  840 +
  841 + <li>
  842 +
  843 + <a href="javascript:;">More options<span class="arrow"></span></a>
  844 +
  845 + <ul class="sub-menu">
  846 +
  847 + <li><a href="index.html">Third level link</a></li>
  848 +
  849 + <li><a href="index.html">Third level link</a></li>
  850 +
  851 + <li><a href="index.html">Third level link</a></li>
  852 +
  853 + <li><a href="index.html">Third level link</a></li>
  854 +
  855 + <li><a href="index.html">Third level link</a></li>
  856 +
  857 + </ul>
  858 +
  859 + </li>
  860 +
  861 + <li><a href="index.html">Second level link</a></li>
  862 +
  863 + <li><a href="index.html">Second level link</a></li>
  864 +
  865 + <li><a href="index.html">Second level link</a></li>
  866 +
  867 + </ul>
  868 +
  869 + </li>
  870 +
  871 + </ul>
  872 +
  873 + </li>
  874 +
  875 + <li>
  876 +
  877 + <a href="">Tables</a>
  878 +
  879 + </li>
  880 +
  881 + <li>
  882 +
  883 + <a href="">Extra
  884 +
  885 + <span class="arrow"></span>
  886 +
  887 + </a>
  888 +
  889 + <ul class="sub-menu">
  890 +
  891 + <li><a href="index.html">About Us</a></li>
  892 +
  893 + <li><a href="index.html">Services</a></li>
  894 +
  895 + <li><a href="index.html">Pricing</a></li>
  896 +
  897 + <li><a href="index.html">FAQs</a></li>
  898 +
  899 + <li><a href="index.html">Gallery</a></li>
  900 +
  901 + <li><a href="index.html">Registration</a></li>
  902 +
  903 + <li><a href="index.html">2 Columns (Left)</a></li>
  904 +
  905 + <li><a href="index.html">2 Columns (Right)</a></li>
  906 +
  907 + </ul>
  908 +
  909 + </li>
  910 +
  911 + </ul>
  912 +
  913 + </div>
  914 +
  915 + <!-- END EMPTY PAGE SIDEBAR -->
  916 +
  917 + <!-- BEGIN PAGE -->
  918 +
  919 + <div class="page-content no-min-height">
  920 +
  921 + <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
  922 +
  923 + <div id="portlet-config" class="modal hide">
  924 +
  925 + <div class="modal-header">
  926 +
  927 + <button data-dismiss="modal" class="close" type="button"></button>
  928 +
  929 + <h3>portlet Settings</h3>
  930 +
  931 + </div>
  932 +
  933 + <div class="modal-body">
  934 +
  935 + <p>Here will be a configuration form</p>
  936 +
  937 + </div>
  938 +
  939 + </div>
  940 +
  941 + <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
  942 +
  943 + <!-- BEGIN PAGE CONTAINER-->
  944 + <div class="container-fluid promo-page">
  945 + <div class="row-fluid">
  946 + <div class="span12" style=" margin-top: 30px;margin-bottom: 20px;margin-left: 20px;">
  947 + <div class="form-inline" style="min-height: 40px;" >
  948 + <div class="form-group">
  949 + <input id="imagePath" name="imagePath" type="text" placeholder="image路径" class="span4"/>
  950 + <button id="imageLoad" type="button" class="btn blue" onclick="imageLoad()">imageLoad</button>
  951 + </div>
  952 +
  953 +
  954 + </div>
  955 + </div>
  956 + </div>
  957 + <div class="row-fluid" >
  958 + <div class="span12">
  959 + <div style="margin-left:20%;height: 500px;width: 500px;align-content: center">
  960 + <img src="" id="imgId">
  961 + </div>
  962 + </div>
  963 + </div>
  964 +
  965 +
  966 + <!-- BEGIN PAGE CONTENT-->
  967 +
  968 +
  969 + </div>
  970 +
  971 + <!-- END PAGE CONTENT-->
  972 +
  973 + </div>
  974 +
  975 + <!-- END PAGE CONTAINER-->
  976 +
  977 + </div>
  978 +
  979 +
  980 + <script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
  981 + <script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
  982 + <script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
  983 + <script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
  984 + <script src="/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
  985 + <script src="/media/js/jquery.blockui.min.js" type="text/javascript"></script>
  986 + <script src="/media/js/jquery.cookie.min.js" type="text/javascript"></script>
  987 + <script src="/media/js/jquery.uniform.min.js" type="text/javascript" ></script>
  988 + <script src="/media/js/app.js"></script>
  989 + <script src="/media/js/jquery.dataTables.js"></script>
  990 +
  991 + <script>
  992 +
  993 + jQuery(document).ready(function() {
  994 +
  995 + App.init();
  996 +
  997 + jQuery('#promo_carousel').carousel({
  998 +
  999 + interval: 10000,
  1000 +
  1001 + pause: 'hover'
  1002 +
  1003 + });
  1004 +
  1005 + });
  1006 +
  1007 + //加载图片
  1008 + function imageLoad(){
  1009 + var getImageUrl = "/show/readAli?file="+$("#imagePath").val();
  1010 + $("#imgId").attr('src',encodeURI(getImageUrl));
  1011 +
  1012 + }
  1013 +
  1014 +
  1015 + </script>
  1016 +
  1017 +
  1018 +</body>
  1019 +
  1020 +<!-- END BODY -->
  1021 +
  1022 +</html>
@@ -130,7 +130,7 @@ @@ -130,7 +130,7 @@
130 130
131 <ul class="dropdown-menu"> 131 <ul class="dropdown-menu">
132 132
133 - <li> 133 + <li >
134 134
135 <a href="index"> 135 <a href="index">
136 136
@@ -138,9 +138,9 @@ @@ -138,9 +138,9 @@
138 138
139 </li> 139 </li>
140 140
141 - <li > 141 + <li class="active" >
142 142
143 - <a href="toSampleShow"> 143 + <a href="toSampleShow" >
144 144
145 样本展示 </a> 145 样本展示 </a>
146 146
@@ -148,119 +148,13 @@ @@ -148,119 +148,13 @@
148 148
149 <li > 149 <li >
150 150
151 - <a href="layout_horizontal_menu2.html">  
152 -  
153 - Horzontal Menu 2 </a>  
154 -  
155 - </li>  
156 -  
157 - <li class="active">  
158 -  
159 - <a href="layout_promo.html">  
160 -  
161 - Promo Page  
162 -  
163 - </a>  
164 -  
165 - </li>  
166 -  
167 - <li >  
168 -  
169 - <a href="layout_blank_page.html">  
170 -  
171 - Blank Page </a>  
172 -  
173 - </li>  
174 -  
175 - <li >  
176 -  
177 - <a href="layout_email.html">  
178 -  
179 - Email Templates </a>  
180 -  
181 - </li>  
182 -  
183 - <li >  
184 -  
185 - <a href="layout_ajax.html">  
186 -  
187 - Content Loading via Ajax</a>  
188 -  
189 - </li>  
190 -  
191 - <li >  
192 -  
193 - <a href="layout_sidebar_closed.html"> 151 + <a href="loadSingleImage">
194 152
195 - Sidebar Closed Page </a> 153 + 单张图片展示 </a>
196 154
197 </li> 155 </li>
198 156
199 - <li >  
200 -  
201 - <a href="layout_blank_page.html">  
202 157
203 - Blank Page </a>  
204 -  
205 - </li>  
206 -  
207 - <li >  
208 -  
209 - <a href="layout_boxed_page.html">Boxed Page</a>  
210 -  
211 - </li>  
212 -  
213 - <li >  
214 -  
215 - <a href="layout_boxed_not_responsive.html">  
216 -  
217 - Non-Responsive Boxed Layout </a>  
218 -  
219 - </li>  
220 -  
221 - <li class="dropdown-submenu">  
222 -  
223 - <a tabindex="-1" href="javascript:;">  
224 -  
225 - More options  
226 -  
227 - <span class="arrow"></span>  
228 -  
229 - </a>  
230 -  
231 - <ul class="dropdown-menu">  
232 -  
233 - <li><a tabindex="-1" href="#">Second level link</a></li>  
234 -  
235 - <li class="dropdown-submenu">  
236 -  
237 - <a tabindex="-1" href="javascript:;">More options<span class="arrow"></span></a>  
238 -  
239 - <ul class="dropdown-menu">  
240 -  
241 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
242 -  
243 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
244 -  
245 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
246 -  
247 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
248 -  
249 - <li><a tabindex="-1" href="index.html">Third level link</a></li>  
250 -  
251 - </ul>  
252 -  
253 - </li>  
254 -  
255 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
256 -  
257 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
258 -  
259 - <li><a tabindex="-1" href="index.html">Second level link</a></li>  
260 -  
261 - </ul>  
262 -  
263 - </li>  
264 158
265 </ul> 159 </ul>
266 160
@@ -848,25 +742,18 @@ @@ -848,25 +742,18 @@
848 742
849 <li> 743 <li>
850 744
851 - <a href="/show/index">  
852 -  
853 - 相似图片展示 </a>  
854 745
855 </li> 746 </li>
856 747
857 <li > 748 <li >
858 749
859 - <a href="/show/samplesShow">  
860 750
861 - 样本展示 </a>  
862 751
863 </li> 752 </li>
864 753
865 <li > 754 <li >
866 755
867 - <a href="layout_horizontal_menu2.html">  
868 756
869 - Horzontal Menu 2 </a>  
870 757
871 </li> 758 </li>
872 759