jquery仿163網易全屏自適應圖片幻燈片切換效果代碼



157 627 210



特效描述:jquery 全屏自適應圖片 幻燈片切換效果,頁面滑過有小圖預覽,(不限定大小)大圖切換。

代碼結構

1. 引入CSS

<link media="all" charset="utf-8" href="style/style.css" rel="stylesheet">
<link media="all" charset="utf-8" href="style/common_nav_v2.0.3.css" rel="stylesheet">
<link media="all" charset="utf-8" href="style/gallery_3.0.1.css" rel="stylesheet">

2. 引入JS

<script charset="utf-8" type="text/javascript" language="javascript" src="js/ntes_jslib_1.x.js"></script>
<script src="js/jquery.noconflict.min.js"></script>
<script charset="utf-8" src="js/gallery_3.0.1.js"></script>

3. HTML代碼

<!-- 圖集主體 start -->
<div id="wb-article-shade"></div><!-- 灰色透明背景 -->
<div class="gallery ">
    <img style="display:none;" alt="" src="http://img5.cache.netease.com/photo/0001/2013-01-31/8MIPMFSU00AN0001.jpg" class="firstPreload">
    <!-- ==========================================大圖之前 開始S  ==========================================-->
    <div class="top cf">
        <div class="thumb cf">
            <ul class="thumb-index"><li><span>1</span></li><li>...</li><li><span>3</span></li><li class="active"><span>4</span></li><li><span>5</span></li><li>...</li><li><span>9</span></li></ul>
            <div class="thumb-img-wrap">
                <img width="100" height="75" alt=""><!-- 傳遞小圖1的地址 -->
            </div>
            <div title="展開/收起頁碼" class="fold fold-open"></div>
        </div> 
        <div class="headline">
            <h1></h1>
            <span>2013-01-31 19:02</span>
        </div>
        <div class="actions cf">
            <a class="vieworigin" hidefocus="true" href="">原圖</a><!-- 傳大圖1的地址 -->
        </div>
    </div>
    <!-- ==========================================大圖之前 結束E  ==========================================-->
    <!-- ==========================================大圖展示 開始S  ==========================================-->
    <div class="main">
    	<!-- ===================================================大圖展示 左側 開始S  ===================================================-->
        <div class="photoarea cursor-left">
            <!-- 填充圖片 S -->
            <div class="photo-a"></div>
            <div class="photo-b"></div>
            <!-- 填充圖片 E -->
            <div onselectstart="return false;" unselectable="on" class="click-receiver"></div>
            <!-- 寬屏窄屏  SSSSS -->
            <div class="modeswitch cf">
                <div title="退出寬屏模式" class="close"></div>
                <div title="進入寬屏模式" class="open"></div>
            </div>
            <!-- 寬屏窄屏  EEEEE -->
            <!-- loading  SSSSS -->
            <div class="loader" style="display: none;"><div class="spinner" style="position: relative; width: 0px; z-index: 2000000000;" aria-role="progressbar"><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-0-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(0deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-1-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(32deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-2-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(65deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-3-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(98deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-4-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(130deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-5-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(163deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-6-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(196deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-7-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(229deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-8-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(261deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-9-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(294deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div><div style="position: absolute; top: -2px; opacity: 0.25; animation: 1s linear 0s normal none infinite opacity-60-25-10-11;"><div style="position: absolute; width: 16px; height: 5px; background: none repeat scroll 0% 0% rgb(102, 102, 102); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(327deg) translate(13px, 0px); border-radius: 2px 2px 2px 2px;"></div></div></div></div>
            <!-- loading  EEEE -->
        </div>
        <!-- ===================================================大圖展示 左側 結束E  ===================================================-->
        <!-- ===================================================大圖展示 右側 開始S  ===================================================-->
        <div class="sidebar" style="height: 504px;">
            <div class="tag">
                <span>標簽:</span>
                <a href="#">江蘇</a>
                <a href="#">萬噸油罐</a>
                <a href="#">倒塌</a>
            </div>
            <h2 class="prevue cf"><span>1月31日凌晨1時40分許,江蘇省泰州市過船港務有限公司一植物油儲罐爆裂倒塌,產生的沖擊波波及周圍的儲罐,鄰近建筑受壓垮塌,近萬噸植物油大面積泄漏。截至發稿時,事故已造成2死3傷。</span><div title="展開/收起概述" class="fold fold-close"></div></h2>
            <div class="picinfo cf">
                <div class="scrollbar disable" style="height: 63px;"><div class="track" style="height: 63px;"><div class="thumb" style="top: 0px; height: 63px;"></div></div></div>
                <div class="viewport">
                    <div class="overview">
                    	<!-- 正在打印第幾張 s -->
                        <div class="progress">
                            <div class="numerator"></div><div class="denominator"></div>
                        </div>
                        <!-- 正在打印第幾張 E -->
                        <!-- 圖片描述 S -->
                        <p></p>
                        <!-- 圖片描述 E --> 
                    </div>
                </div>
            </div>
        </div>
        <!-- ===================================================大圖展示 右側 結束E  ===================================================-->
    </div>
    <!-- ==========================================大圖展示 結束E  ==========================================-->
    <!-- ==========================================結束后推薦圖層 SSS  ==========================================-->
    <div class="endpage cf">
        <div class="endpage-main">
            <div class="endpage-main-top">
                <div class="endpage-title"><h1>江蘇泰州一植物油儲罐爆裂倒塌近萬噸油泄漏</h1></div>
                <div class="endpage-top">
                    <div class="endpage-info">圖集已瀏覽完畢</div>
                    <div class="actions cf">
                        <a class="replay" hidefocus="true" href="#">重新瀏覽</a>
                    </div>
                </div>
            </div>
            <div class="endpage-btm">
                <div class="endpage-btm-left">
                    <h3>推薦圖集</h3>
                    <div class="endpage-related clearfix">
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>內容內容內容</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>內容內容內容</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                        <a title="" href="#" class="setlist-item">
                            <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                            <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                        </a>
                    </div>
                    <div class="endpage-related-tab cf"></div>
                </div>
                <!-- 推薦視頻 S -->
                <div class="endpage-btm-right">
                    <h3>推薦視頻</h3>
                    <a title="" href="#" class="setlist-item">
                        <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                        <p>內容內容內容</p>
                    </a>
                    <a title="" href="#" class="setlist-item">
                        <img width="140" height="98" onerror="this.src=this.src.replace('140x98_', 't_');" src="http://img3.cache.netease.com/photo/0001/2013-01-31/140x98_8MHOIQ5400AN0001.jpg">
                        <p>廣東、廣西交界迎來“鐵騎大軍”</p>
                    </a>
                </div>
                <!-- 推薦視頻 S -->
            </div>
        </div>
        <!-- 上一個圖集 S -->
        <a title="#" target="_self" href="#" class="prevset">
            <div class="arrow"></div>
            <div class="parea">
                <div class="setlist-item">
                    <img width="140" height="98" src="http://img4.cache.netease.com/photo/0001/2013-01-31/100x75_8MI7OE0C00AN0001.jpg"><p>北京霧霾凍雨致道路濕滑 多地頻…</p>
                </div>
            </div>
            <div class="tiptext">上<br>一<br>圖<br>集</div>
        </a>
		<!-- 上一個圖集 E -->
        <!-- 下一個圖集 S -->
        <a title="甘肅政協委員彭丹下鄉體察民情" target="_self" href="http://news.163.com/photoview/00AN0001/31536.html?from=tj_xytj" class="nextset">
            <div class="tiptext">下<br>一<br>圖<br>集</div>
            <div class="parea">
                <div class="setlist-item">
                    <img width="140" height="98" src="http://img2.cache.netease.com/photo/0001/2013-02-01/100x75_8MK4OEBD00AN0001.jpg"><p>甘肅政協委員彭丹下鄉體察民情</p>
                </div>
            </div>
            <div class="arrow"></div>
        </a>
        <!-- 下一個圖集 E -->
    </div>
    <!-- ==========================================結束后推薦圖層 SSS  ==========================================-->
    <textarea style="display:none;" name="gallery-data">{
"info": {
"setname": "江蘇泰州一植物油儲罐爆裂倒塌 近萬噸油泄漏",
"imgsum": 8,
"lmodify": "2013-02-01 07:59:04",
"prevue": "1月31日fsdafdsfdsfd凌晨1時40分許,江蘇省泰州市過船港務有限公司一植物油儲罐爆裂倒塌,產生的沖擊波波及周圍的儲罐,鄰近建筑受壓垮塌,近萬噸植物油大面積泄漏。截至發稿時,事故已造成2死3傷。",
"channelid": "0001",
"prev": {
    "setname": "北京fafdsfsd霧霾凍雨致道路濕滑 多地頻發車禍",
    "simg": "http://img4.cache.netease.com/photo/0001/2013-01-31/100x75_8MI7OE0C00AN0001.jpg",
    "seturl": "http://news.163.com/photoview/00AN0001/31521.html"
},
"next": {
    "setname": "甘肅4564564政協委員彭丹下鄉體察民情",
    "simg": "http://img2.cache.netease.com/photo/0001/2013-02-01/100x75_8MK4OEBD00AN0001.jpg",
    "seturl": "http://news.163.com/photoview/00AN0001/31536.html"
}
},
"list": [
{
   "id": "8MIPMFSU00AN0001",
   "img": "http://img6.cache.netease.com/photo/0001/2013-01-31/900x600_8MIPMFSU00AN0001.jpg",
   "timg": "http://img5.cache.netease.com/photo/0001/2013-01-31/t_8MIPMFSU00AN0001.jpg",
   "simg": "http://img4.cache.netease.com/photo/0001/2013-01-31/100x75_8MIPMFSU00AN0001.jpg",
   "oimg": "http://img5.cache.netease.com/photo/0001/2013-01-31/8MIPMFSU00AN0001.jpg",
   "osize": {"w":900,"h":599},
   "title": "",
   "note": "8888888888888888888888881月31日凌晨拍攝的事故現場。當日1時40分許,江蘇省泰州市過船港務有限公司一植物油儲罐爆裂倒塌,產生的沖擊波波及周圍的儲罐,鄰近建筑受壓垮塌,近萬噸植物油大面積泄漏。截至發稿時,事故已造成2死3傷。新華社 楊海 攝",
   "newsurl": "#"
},
{
   "id": "8MIPMG2D00AN0001",
   "img": "http://img5.cache.netease.com/photo/0001/2013-01-31/900x600_8MIPMG2D00AN0001.jpg",
   "timg": "http://img5.cache.netease.com/photo/0001/2013-01-31/t_8MIPMG2D00AN0001.jpg",
   "simg": "http://img3.cache.netease.com/photo/0001/2013-01-31/100x75_8MIPMG2D00AN0001.jpg",
   "oimg": "http://img3.cache.netease.com/photo/0001/2013-01-31/8MIPMG2D00AN0001.jpg",
   "osize": {"w":900,"h":599},
   "title": "",
   "note": "777777777777777777777777771月31日凌晨拍攝的事故現場。當日1時40分許,江蘇省泰州市過船港務有限公司一植物油儲罐爆裂倒塌,產生的沖擊波波及周圍的儲罐,鄰近建筑受壓垮塌,近萬噸植物油大面積泄漏。截至發稿時,事故已造成2死3傷。新華社 楊海 攝",
   "newsurl": "#"
},
{
   "id": "8MIPMGED00AN0001",
   "img": "http://img4.cache.netease.com/photo/0001/2013-01-31/900x600_8MIPMGED00AN0001.jpg",
   "timg": "http://img2.cache.netease.com/photo/0001/2013-01-31/t_8MIPMGED00AN0001.jpg",
   "simg": "http://img3.cache.netease.com/photo/0001/2013-01-31/100x75_8MIPMGED00AN0001.jpg",
   "oimg": "http://img3.cache.netease.com/photo/0001/2013-01-31/8MIPMGED00AN0001.jpg",
   "osize": {"w":599,"h":900},
   "title": "",
   "note": "66666666666666661月31日凌晨,事故現場泄漏大量植物油。新華社 楊海 攝 ",
   "newsurl": "#"
},
{
   "id": "8MIPMG8H00AN0001",
   "img": "http://img3.cache.netease.com/photo/0001/2013-01-31/900x600_8MIPMG8H00AN0001.jpg",
   "timg": "http://img4.cache.netease.com/photo/0001/2013-01-31/t_8MIPMG8H00AN0001.jpg",
   "simg": "http://img3.cache.netease.com/photo/0001/2013-01-31/100x75_8MIPMG8H00AN0001.jpg",
   "oimg": "http://img2.cache.netease.com/photo/0001/2013-01-31/8MIPMG8H00AN0001.jpg",
   "osize": {"w":900,"h":599},
   "title": "",
   "note": "555555555555555555551月31日凌晨,事故現場。新華社 楊海 攝 ",
   "newsurl": "#"
},
{
   "id": "8MIONBVF00AN0001",
   "img": "http://img2.cache.netease.com/photo/0001/2013-01-31/900x600_8MIONBVF00AN0001.jpg",
   "timg": "http://img4.cache.netease.com/photo/0001/2013-01-31/t_8MIONBVF00AN0001.jpg",
   "simg": "http://img3.cache.netease.com/photo/0001/2013-01-31/100x75_8MIONBVF00AN0001.jpg",
   "oimg": "http://img5.cache.netease.com/photo/0001/2013-01-31/8MIONBVF00AN0001.jpg",
   "osize": {"w":1024,"h":768},
   "title": "",
   "note": "4444444444444444444444今天上午8點,記者趕到現場時,離現場大約200米外已經拉起了警戒線,不許任何人靠近,記者欲上前采訪時,遭到現場安保人員阻攔。圖為事故現場泄漏的食用油流滿馬路。賈宏偉/東方IC",
   "newsurl": "#"
},
{
   "id": "8MIONA0T00AN0001",
   "img": "http://img4.cache.netease.com/photo/0001/2013-01-31/900x600_8MIONA0T00AN0001.jpg",
   "timg": "http://img2.cache.netease.com/photo/0001/2013-01-31/t_8MIONA0T00AN0001.jpg",
   "simg": "http://img4.cache.netease.com/photo/0001/2013-01-31/100x75_8MIONA0T00AN0001.jpg",
   "oimg": "http://img3.cache.netease.com/photo/0001/2013-01-31/8MIONA0T00AN0001.jpg",
   "osize": {"w":1024,"h":768},
   "title": "",
   "note": "333333333333333事故現場內有一個白色的油罐朝東南方向側翻,旁邊有幾輛吊車正在吊油罐。事發地方圓數百米內的道路和其他廠區內仍有黃澄澄的油污,風一吹不時的漂來“油香味”。圖為保安看守事發現場。賈宏偉/東方IC",
   "newsurl": "#"
},
{
   "id": "8MIONB6S00AN0001",
   "img": "http://img3.cache.netease.com/photo/0001/2013-01-31/900x600_8MIONB6S00AN0001.jpg",
   "timg": "http://img5.cache.netease.com/photo/0001/2013-01-31/t_8MIONB6S00AN0001.jpg",
   "simg": "http://img2.cache.netease.com/photo/0001/2013-01-31/100x75_8MIONB6S00AN0001.jpg",
   "oimg": "http://img2.cache.netease.com/photo/0001/2013-01-31/8MIONB6S00AN0001.jpg",
   "osize": {"w":1024,"h":768},
   "title": "",
   "note": "22222222222222222222附近人員介紹,31日凌晨1時許,港務公司一萬噸儲油罐倒了,罐內的油全部流了出來,有人員傷亡。另據事發地數百米外的一公司工作人員說,當時他們上夜班,突然看見有油流進了廠區和生產車間,經過詢問得知原來是港務公司的油罐倒塌后,食用油沖破圍墻流了進來。圖為事故現場泄漏的食用油流滿馬路。賈宏偉/東方IC",
   "newsurl": "#"
},
{
   "id": "8MIONAHQ00AN0001",
   "img": "http://img2.cache.netease.com/photo/0001/2013-01-31/900x600_8MIONAHQ00AN0001.jpg",
   "timg": "http://img6.cache.netease.com/photo/0001/2013-01-31/t_8MIONAHQ00AN0001.jpg",
   "simg": "http://img5.cache.netease.com/photo/0001/2013-01-31/100x75_8MIONAHQ00AN0001.jpg",
   "oimg": "http://img6.cache.netease.com/photo/0001/2013-01-31/8MIONAHQ00AN0001.jpg",
   "osize": {"w":1024,"h":768},
   "title": "",
   "note": "111111111111111111圖為傷者在醫院治療。賈宏偉/東方IC ",
   "newsurl": "#"
} 
]
}
 </textarea>
<!-- 
滑動頁碼出現的圖片 http://img5.cache.netease.com/photo/0001/2013-01-31/100x75_8MIONAHQ00AN0001.jpg
展示的大圖900*600 http://img2.cache.netease.com/photo/0001/2013-01-31/900x600_8MIONAHQ00AN0001.jpg
1024*768大圖  
-->
</div>
  <!-- 圖集主體 end -->
<!-- 圖集JS start -->
<!-- 圖集js合并 -->
<!-- 圖集JS end -->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 文字疊加 文字層疊 文字提示框 提示文字 文字收縮展開 文字收縮 文字展開 文字拖動 文字拖拽 文字翻轉 文字旋轉 文字淡出淡進 文字淡出 文字淡進 文字放大縮小 文字縮放 文字大小 文字放大 文字縮小 文字變大 文字變小 滑動選項卡 滑動切換 滾動切換 滾動條切換 文字全屏 文字延遲加載 文字延遲 文字加載 360全景 360度全景 h5文字動畫 h5文字邊框動畫 html5文字動畫 html5文字邊框動畫 文字滾動 文字無縫滾動 文字間歇滾動 文字切換 文字選項卡 文字滑動 文字滑塊 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 滑動星星打分 放大縮小 變大變小 放大 縮小 變大 變小 縮放 圖片文字 文字導航菜單 文字導航 文字菜單 切換按鈕 縮放切換 表單 表單美化 表單插件 表單美化插件 文字 文字插件 其他 圖片放大縮小 圖片縮放 圖片大小 圖片放大 圖片縮小 圖片變大 圖片變小 圖片切換 圖片選項卡 圖標選項卡 文字切換 文字選項卡 文字列表 按鈕控制 分頁 翻頁 分頁插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子