1、CSS样式
1 <style type="text/css"> 2 html,body,.viewer,.viewer .pic-list,.viewer .pic-list li { width:100%; height:100%; vertical-align:middle;} 3 .viewer { position:relative; overflow:hidden;} 4 .viewer .bar { display:none; width:100%; height:28px; line-height:18px; background:#000; position:absolute; bottom:0; left:0; z-index:998;} 5 .viewer .bar td { padding:5px 10px;} 6 .viewer .bar a { color:#fff;} 7 .viewer .list { overflow:hidden;} 8 .viewer .list li { list-style:none; display:none; overflow:hidden; text-align:center; vertical-align:middle;} 9 .viewer .list li img { vertical-align:middle;} 10 .viewer a.arrow { display:none; width:52px; height:42px; line-height:42px; text-align:center; overflow:hidden; color:#fff; background:#000; position:absolute; top:50%; margin-top:-30px; z-index:999;} 11 .viewer a.prev { left:0;} 12 .viewer a.next { right:0;} 13 </style>