NotesForLightBox灯箱控件示例| 群英汇博客企业库|免费b2b网站

NotesForLightBox 鏄竴涓畝鍗曟槗鐢ㄧ殑鑴氭湰锛岀敤浜庡湪褰撳墠椤甸潰鏀惧ぇ鍘熷浘銆?/p>

褰撳墠鐨勫姛鑳界壒寰佹湁锛?/p>

鍦嗚鐏
鎸夐挳瀵艰埅
甯︽湁杩涘害鏉＄殑骞荤伅鏄剧ず

涓嬮潰浠嬬粛涓€涓嬪浣曚娇鐢細

涓嬭浇NotesForLightBox
NotesForLightBox涓嬭浇鍦板潃

鍦ㄩ渶瑕佺伅绠辩壒鏁堢殑椤甸潰娣诲姞寮曠敤鐨凧avaScript鍜孋SS鑴氭湰
鍥犱负NotesForLightBox渚濊禆浜巎Query搴擄紝鎵€浠ヤ篃璁歌瀵煎叆jQuery搴撱€?/p>

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/NFLightBox.js" type="text/javascript"></script>
<link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" media="screen" />

澹版槑瀵归〉闈腑閭ｄ簺鍏冪礌寮€鍚伅绠辩壒鏁?pre><script type="text/javascript"> $(function() { $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel $('#gallery a').lightBox(); // Select all links in object with gallery ID $('a.lightbox').lightBox(); // Select all links with lightbox class $('a').lightBox(); // Select all links in the page }); </script>

涓嬮潰鏄垜鐨勭ず渚嬫枃浠?demo.html)鎴浘

鍚庤锛?/p>

鐢ㄦ埛鍙互鑷畾涔塋ightBox鎺т欢鐨勬樉绀烘牸寮忋€傚彲鐢ㄧ殑灞炴€ф湁

///聽聽聽 <param name="settings" type="Options">
///聽聽聽聽聽聽聽 1: overlayBgColor - (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
///聽聽聽聽聽聽聽 2: overlayOpacity - (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9.
///聽聽聽聽聽聽聽 3: fixedNavigation - (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
///聽聽聽聽聽聽聽 4: imageLoading - (string) Path and the name of the loading icon image
///聽聽聽聽聽聽聽 5: imageBtnPrev - (string) Path and the name of the prev button image
///聽聽聽聽聽聽聽 6: imageBtnNext - (string) Path and the name of the next button image
///聽聽聽聽聽聽聽 7: imageBtnClose - (string) Path and the name of the close button image
///聽聽聽聽聽聽聽 8: imageBlank - (string) Path and the name of a blank image (one pixel)
///聽聽聽聽聽聽聽 9: imageBtnBottomPrev - (string) Path and the name of the bottom prev button image
///聽聽聽聽聽聽聽 10: imageBtnBottomNext - (string) (string) Path and the name of the bottom next button image
///聽聽聽聽聽聽聽 11: imageBtnPlay - (string) Path and the name of the close button image
///聽聽聽聽聽聽聽 12: imageBtnStop - (string) Path and the name of the play button image
///聽聽聽聽聽聽聽 13: containerBorderSize - (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
///聽聽聽聽聽聽聽 14: containerResizeSpeed - (integer) Specify the resize duration of container image. These number are miliseconds. 500 is default.
///聽聽聽聽聽聽聽 15: txtImage - (string) Specify text "Image"
///聽聽聽聽聽聽聽 16: txtOf - (string) Specify text "of"
///聽聽聽聽聽聽聽 17: txtPrev - (string) Specify text "previous"
///聽聽聽聽聽聽聽 18: keyToNext - (string) Specify text "next"
///聽聽聽聽聽聽聽 19: keyToClose - (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
///聽聽聽聽聽聽聽 20: keyToPrev - (string) (p = previous) Letter to show the previous image.
///聽聽聽聽聽聽聽 21: keyToNext - (string) (n = next) Letter to show the next image.
///聽聽聽聽聽聽聽 22: slideShowTimer - (integer) number of milliseconds to change image by default 5000.
///聽聽聽 </param>

渚嬪璋冩暣鐏鎷夐暱鏃堕棿

<script type="text/javascript">
$(function(){
    var settings = {containerResizeSpeed:350};
    $('a').lightBox(settings);
});
</script>