2016年11月28日 星期一

fancybox語法

fancybox語法是一種讓網頁平面的圖像,透過jquery和java script的程式碼,呈現彈出式燈箱的效果。請點選以下的照片,您將看到fancybox顯現的基本效果。 







安裝fancybox特別要注意jquary是否是1.8.x以上的版本,以及避免重複安裝(程式碼重複寫入),特別是在同一個頁面,同時使用fotorama與fancybox的時候,更要注意。

faccybox的語法,我已解壓縮並寫好儲存在雲端,可直接複製使用,並請置於語法區最上方。基本語法如下:

<script src="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<link href="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"></link>
<link href="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox-buttons.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox-buttons.js" type="text/javascript"></script>
<script src="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox-media.js" type="text/javascript"></script>
<link href="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox-thumbs.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://kangliping.myweb.hinet.net/web/fancyapps-fancyBox-18d1712/source/jquery.fancybox-thumbs.js" type="text/javascript"></script>

沒有留言:

張貼留言