校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > DedeCMS實現LightBox圖片效果

DedeCMS實現LightBox圖片效果

POST TIME:2019-09-30 11:24

網站上的圖片展現方式有很多種,一般的就是在瀏覽器為圖片鏈接多開一個窗口或標簽,像訪問網址一樣顯示出來,但是這種方式的體驗較差。畢竟,當訪問者每次查看圖片的時候還需要再彈出一個窗口來顯示,除了占用資源,還降低了圖片和內容的關聯度,同時提高了用戶的操作次數,在一定程度上降低了用戶的體驗。

  LightBox介紹

  LightBox圖片展示效果的出現,則改變了傳統的圖片瀏覽方式,極大地提高了用戶的體驗。LightBox的原理很簡單:通過jQuery在當前頁面之上彈出一個層,并遮擋(降低亮度)非彈出層的部份,然后把圖片顯示在彈出層內,這種方式的好處就是查看圖片的時候頁面不會刷新,更不會跳到另一個窗口或標簽。而且還有一個體驗相當棒的功能,當你點擊非彈出層的部份時,腳本會關閉LightBox的彈出層。

  LightBox圖片展示效果的功能也分很多,比如有些只是簡單地放大圖片,有些提供了縮放功能,有些提供了前一張、后一張圖片查看的功能……等等,但是基本的實現方式都是類似的。

  接下來通過簡單的幾個步驟說明,為織夢CMS頁面上的圖片添加LightBox展示效果。

  上傳文件及添加代碼

  首先,下載LightBox插件的源代碼,該份源代碼包括有一個index.htm示例頁面以及相關的JS、CSS文件。把除index.htm文件的整個lightbox目錄上傳至DedeCMS的默認模板(Default)目錄下,再將下面所示的代碼復制到默認模板(Default)目錄下的article_image.htm文件內,放在<head></head>之間:

<!-- Arquivos utilizados pelo jQuery lightBox plugin --><scripttype="text/javascript"src="js/jquery.js"></script><scripttype="text/javascript"src="js/jquery.lightbox-0.5.js"></script><linkrel="stylesheet"type="text/css"href="css/jquery.lightbox-0.5.css"media="screen"/><!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --><!-- Ativando o jQuery lightBox plugin --><scripttype="text/javascript">$(function() { $('#gallery a').lightBox(); }); </script><styletype="text/css">/* jQuery lightBox plugin - Gallery style */ </style></head>
  上面這部份代碼即是LightBox源代碼中index.htm文件內的一部份,只是在復制到DedeCMS模板文件的時候注意一下JS文件的調用路徑。


收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
亚洲丶国产丶欧美一区二区三区| 欧美一级片免费看| 国产精品国产三级国产aⅴ中文 | 青青草成人在线观看| 91麻豆精品国产91久久久使用方法 | 国产精品1区2区3区| 亚洲国产精品成人综合| 99re这里都是精品| 亚洲777理论| 久久综合精品国产一区二区三区| 国产盗摄一区二区| 亚洲女同女同女同女同女同69| 欧洲中文字幕精品| 久久成人免费网站| 一区免费观看视频| 欧美日韩黄色一区二区| 麻豆91精品视频| 国产精品久线观看视频| 国产精品国产自产拍高清av王其| 色噜噜狠狠成人中文综合| 日韩av一区二区三区| 国产日韩一级二级三级| 在线一区二区视频| 国产呦萝稀缺另类资源| 亚洲色图在线播放| 欧美刺激午夜性久久久久久久| 成人综合在线观看| 五月婷婷久久丁香| 国产精品色眯眯| 欧美一区二区精品久久911| 国产成人在线电影| 免费人成在线不卡| 亚洲精品免费在线| 久久男人中文字幕资源站| 欧美在线影院一区二区| 国产乱理伦片在线观看夜一区| 亚洲人成网站精品片在线观看| 日韩一卡二卡三卡四卡| 色狠狠桃花综合| 国产成人精品一区二区三区四区| 天天综合色天天综合色h| 亚洲国产精品av| 精品久久久三级丝袜| 欧美在线制服丝袜| 97精品电影院| 成人做爰69片免费看网站| 看片网站欧美日韩| 丝袜美腿一区二区三区| 一区二区三区在线观看视频| 久久精品亚洲麻豆av一区二区| 综合久久久久久久| 久久精品亚洲国产奇米99| 欧美日韩国产另类一区| 99国产精品久| 成人精品在线视频观看| 精彩视频一区二区| 美女在线视频一区| 日韩国产在线一| 亚洲成人www| 亚洲自拍欧美精品| 亚洲精品免费看| 亚洲天堂久久久久久久| 亚洲国产精品黑人久久久| 精品国产一区二区三区四区四| 日韩一级高清毛片| 91精品中文字幕一区二区三区| 欧美日韩午夜影院| 884aa四虎影成人精品一区| 欧洲精品视频在线观看| 在线精品视频小说1| 色婷婷综合久久久久中文一区二区| 国产69精品久久777的优势| 国产乱淫av一区二区三区 | 一区二区三区在线视频播放| 亚洲视频一二三| 136国产福利精品导航| 国产精品欧美精品| 中文字幕五月欧美| 亚洲人吸女人奶水| 亚洲男人天堂一区| 亚洲精品乱码久久久久久久久| 亚洲精品国产第一综合99久久| 亚洲精品欧美激情| 丝袜美腿高跟呻吟高潮一区| 丝袜美腿成人在线| 黑人巨大精品欧美一区| 国产成人aaaa| 色老汉av一区二区三区| 在线播放视频一区| 精品国产污污免费网站入口| 久久伊99综合婷婷久久伊| 日本一区二区高清| 夜夜嗨av一区二区三区| 日本二三区不卡| 欧美日韩黄视频| 精品乱人伦一区二区三区| 久久久青草青青国产亚洲免观| 国产精品久久久久影院色老大| 亚洲欧美日韩在线播放| 日韩专区中文字幕一区二区| 精品中文av资源站在线观看| 国产成人高清在线| 91捆绑美女网站| 91精品国产福利| 国产精品无圣光一区二区| 亚洲综合网站在线观看| 青青青爽久久午夜综合久久午夜| 国产精品自产自拍| 在线看国产一区二区| 日韩美女视频在线| 亚洲蜜臀av乱码久久精品| 免费成人在线视频观看| 成人高清免费观看| 911精品国产一区二区在线| 久久综合色天天久久综合图片| 中文字幕中文字幕在线一区| 天天亚洲美女在线视频| 国产91精品欧美| 欧美日韩大陆在线| 中文字幕人成不卡一区| 久久国产精品72免费观看| 色噜噜狠狠成人中文综合| 精品乱人伦小说| 亚洲va欧美va人人爽| 成人性生交大片免费看视频在线 | 美女被吸乳得到大胸91| a4yy欧美一区二区三区| 欧美一区二区三级| 亚洲三级电影网站| 国产在线精品一区二区夜色| 欧美三级午夜理伦三级中视频| 国产欧美视频在线观看| 天天av天天翘天天综合网| 成人黄色电影在线| 久久这里只有精品6| 五月综合激情婷婷六月色窝| av中文字幕不卡| 久久精品免费在线观看| 欧美aaa在线| 亚洲欧洲三级电影| 国产精品亚洲一区二区三区在线| 欧美日韩国产精品成人| 中文字幕欧美一区| 成人午夜视频免费看| 日韩久久久久久| 日本不卡一区二区三区高清视频| 91精品1区2区| 亚洲色图丝袜美腿| 成人av资源在线| 国产欧美日韩亚州综合| 国内精品久久久久影院薰衣草| 67194成人在线观看| 偷窥少妇高潮呻吟av久久免费| 在线视频你懂得一区| 亚洲女人****多毛耸耸8| 一本在线高清不卡dvd| 国产精品黄色在线观看| 成人app在线观看| 中国色在线观看另类| 国产成人免费高清| 中文字幕免费观看一区| 国产成人超碰人人澡人人澡| 久久这里只有精品6| 国内成人自拍视频| 久久亚洲二区三区| 国产精品影音先锋| 国产亚洲综合性久久久影院| 国产精品亚洲一区二区三区妖精| 久久一夜天堂av一区二区三区| 国产一区二区网址| 久久免费偷拍视频| 成人av在线一区二区| 亚洲欧美一区二区三区久本道91 | 亚洲国产中文字幕| 欧美日韩一区不卡| 午夜精品免费在线| 精品欧美久久久| 成人免费精品视频| 一区二区三区在线免费视频| 欧美日韩免费在线视频| 日韩福利视频网| 精品国产一区二区精华| 精品国产免费久久| 国产成人免费av在线| 亚洲欧美精品午睡沙发| 欧美日韩国产区一| 久久国产精品99久久久久久老狼| 久久精品视频一区二区三区| 成人精品视频一区| 一区二区成人在线视频| 欧美丰满少妇xxxbbb| 国产一区二区三区免费看| 中文幕一区二区三区久久蜜桃| 91美女视频网站| 免费精品99久久国产综合精品| 欧美激情在线一区二区| 欧美羞羞免费网站| 国产在线播精品第三| 亚洲女子a中天字幕| 欧美xxxx老人做受|