<html>
<head>
<title>3D动态切换效果</title>
<!--必须要引用的JS 开始-->
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="~/Content/Cool/CoolJS/ThreeDo.js"></script>
<script type="text/javascript" src="~/Content/Cool/CoolJS/ThreeD.js"></script>
<!--必须要引用的JS 结束-->
<link type="text/css" href="~/Content/Cool/CoolCSS/style.css" rel="stylesheet" />
</head>
<body>
<!-- 轮播图 -->
<div class="pics_wrap">
<div style="display: block; position: relative; width: 1583px; height: 450px;" id="html5zoo-1">
<ul class="html5zoo-slides" style="display: none;">
<li><a href="#">
<img src="Content/Cool/CoolImg/001.jpg"></a></li>
<li><a href="#">
<img src="Content/Cool/CoolImg/002.jpg"></a></li>
<li><a href="#">
<img src="Content/Cool/CoolImg/003.jpg"></a></li>
<li><a href="#">
<img src="Content/Cool/CoolImg/004.jpg"></a></li>
<li><a href="#">
<img src="Content/Cool/CoolImg/005.jpg"></a></li>
</ul>
</div>
</div>
<!-- 轮播图结束 -->
</body>
</html>
<!--附上js-->
1 jQuery(document).ready(function(){ 2 var scripts = document.getElementsByTagName("script"); 3 var jsFolder = ""; 4 for (var i= 0; i< scripts.length; i++) 5 { 6 if( scripts[i].src && scripts[i].src.match(/lovelygallery\.js/i)) 7 jsFolder = scripts[i].src.substr(0, scripts[i].src.lastIndexOf("/") + 1); 8 } 9 var win_width = $(window).width() - 17; 10 jQuery("#html5zoo-1").html5zoo({ 11 jsfolder:jsFolder, 12 width:win_width, 13 height:450, 14 skinsfoldername:"", 15 loadimageondemand:false, 16 isresponsive:false, 17 autoplayvideo:false, 18 pauseonmouseover:true, 19 addmargin:true, 20 randomplay:false, 21 slideinterval:5000, // 控制时间 22 enabletouchswipe:true, 23 transitiononfirstslide:false, 24 loop:0, 25 autoplay:true, 26 navplayvideoimage:"../images/play-32-32-0.png", 27 navpreviewheight:60, 28 timerheight:2, 29 shownumbering:false, 30 skin:"Frontpage", 31 navshowplaypause:true, 32 navshowplayvideo:true, 33 navshowplaypausestandalonemarginx:8, 34 navshowplaypausestandalonemarginy:8, 35 navbuttonradius:0, 36 navthumbnavigationarrowimageheight:32, 37 navmarginy:-40, 38 showshadow:false, 39 navfeaturedarrowimagewidth:16, 40 navpreviewwidth:120, 41 textpositionmarginright:24, 42 bordercolor:"#ffffff", 43 navthumbnavigationarrowimagewidth:32, 44 navthumbtitlehovercss:"text-decoration:underline;", 45 navcolor:"#999999", 46 arrowwidth:48, 47 texteffecteasing:"easeOutCubic", 48 texteffect:"fade", 49 navspacing:12, 50 playvideoimage:"../images/playvideo-64-64-0.png", 51 ribbonimage:"../images/ribbon_topleft-0.png", 52 navwidth:24, 53 showribbon:false, 54 arrowimage:"../images/arrows-48-48-3.png", 55 timeropacity:0.6, 56 navthumbnavigationarrowimage:"../images/carouselarrows-32-32-0.png", 57 navshowplaypausestandalone:false, 58 navpreviewbordercolor:"#ffffff", 59 ribbonposition:"topleft", 60 navthumbdescriptioncss:"display:block;position:relative;padding:2px 4px;text-align:left;font:normal 12px Arial,Helvetica,sans-serif;color:#333;", 61 arrowstyle:"mouseover", 62 navthumbtitleheight:20, 63 textpositionmargintop:24, 64 navswitchonmouseover:false, 65 navarrowimage:"../images/navarrows-28-28-0.png", 66 arrowtop:50, 67 textstyle:"static", 68 playvideoimageheight:64, 69 navfonthighlightcolor:"#666666", 70 showbackgroundimage:false, 71 navpreviewborder:4, 72 navopacity:0.8, 73 shadowcolor:"#aaaaaa", 74 navbuttonshowbgimage:true, 75 navbuttonbgimage:"../images/navbuttonbgimage-28-28-0.png", 76 textbgcss:"display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);", 77 navdirection:"horizontal", 78 navborder:4, 79 bottomshadowimagewidth:110, 80 showtimer:true, 81 navradius:0, 82 navshowpreview:true, 83 navpreviewarrowheight:8, 84 navmarginx:16, 85 navfeaturedarrowimage:"../images/featuredarrow-16-8-0.png", 86 navfeaturedarrowimageheight:8, 87 navstyle:"bullets", 88 textpositionmarginleft:24, 89 descriptioncss:"display:block; position:relative; margin-top:4px; font:14px Inder,Arial,Tahoma,Helvetica,sans-serif; color:#fff;", 90 navplaypauseimage:"../images/navplaypause-28-28-0.png", 91 backgroundimagetop:-10, 92 timercolor:"#ffffff", 93 numberingformat:"%NUM/%TOTAL ", 94 navfontsize:12, 95 navhighlightcolor:"#333333", 96 navimage: "", 97 navheight:24, 98 navshowplaypausestandaloneautohide:false, 99 navbuttoncolor:"#999999", 100 navshowarrow:true, 101 navshowfeaturedarrow:false, 102 titlecss:"display:block; position:relative; font:16px Inder,Arial,Tahoma,Helvetica,sans-serif; color:#fff;", 103 ribbonimagey:0, 104 ribbonimagex:0, 105 navshowplaypausestandaloneposition:"bottomright", 106 shadowsize:5, 107 arrowhideonmouseleave:win_width, 108 navshowplaypausestandalonewidth:28, 109 navshowplaypausestandaloneheight:28, 110 backgroundimagewidth:120, 111 textautohide:true, 112 navthumbtitlewidth:120, 113 navpreviewposition:"top", 114 playvideoimagewidth:64, 115 arrowheight:48, 116 arrowmargin:0, 117 texteffectduration:win_width, 118 bottomshadowimage:"../images/bottomshadow-110-100-5.png", 119 border:0, 120 timerposition:"bottom", 121 navfontcolor:"#333333", 122 navthumbnavigationstyle:"arrow", 123 borderradius:0, 124 navbuttonhighlightcolor:"#333333", 125 textpositionstatic:"bottom", 126 navthumbstyle:"imageonly", 127 textcss:"display:block; padding:12px; text-align:left;", 128 navbordercolor:"#ffffff", 129 navpreviewarrowimage:"../images/previewarrow-16-8-0.png", 130 showbottomshadow:false, 131 textpositionmarginstatic:0, 132 backgroundimage:"", 133 navposition:"bottom", 134 navpreviewarrowwidth:16, 135 bottomshadowimagetop:100, 136 textpositiondynamic:"bottomleft", 137 navshowbuttons:false, 138 navthumbtitlecss:"display:block;position:relative;padding:2px 4px;text-align:left;font:bold 14px Arial,Helvetica,sans-serif;color:#333;", 139 textpositionmarginbottom:24, 140 ribbonmarginy:0, 141 ribbonmarginx:0, 142 slide: { 143 duration:win_width, 144 easing:"easeOutCubic", 145 checked:true 146 }, 147 crossfade: { 148 duration:win_width, 149 easing:"easeOutCubic", 150 checked:true 151 }, 152 threedhorizontal: { 153 checked:true, 154 bgcolor:"#222222", 155 perspective:win_width, 156 slicecount:1, 157 duration:1500, 158 easing:"easeOutCubic", 159 fallback:"slice", 160 scatter:5, 161 perspectiveorigin:"bottom" 162 }, 163 slice: { 164 duration:1500, 165 easing:"easeOutCubic", 166 checked:true, 167 effects:"up,down,updown", 168 slicecount:10 169 }, 170 fade: { 171 duration:win_width, 172 easing:"easeOutCubic", 173 checked:true 174 }, 175 blocks: { 176 columncount:5, 177 checked:true, 178 rowcount:5, 179 effects:"topleft,bottomright,top,bottom,random", 180 duration:1500, 181 easing:"easeOutCubic" 182 }, 183 blinds: { 184 duration:2000, 185 easing:"easeOutCubic", 186 checked:true, 187 slicecount:3 188 }, 189 shuffle: { 190 duration:1500, 191 easing:"easeOutCubic", 192 columncount:5, 193 checked:true, 194 rowcount:5 195 }, 196 threed: { 197 checked:true, 198 bgcolor:"#222222", 199 perspective:win_width, 200 slicecount:5, 201 duration:1500, 202 easing:"easeOutCubic", 203 fallback:"slice", 204 scatter:5, 205 perspectiveorigin:"right" 206 }, 207 transition:"slide,crossfade,threedhorizontal,slice,fade,blocks,blinds,shuffle,threed" 208 }); 209 });
1 (function ($) { 2 $.fn.html5lightbox = function (k) { 3 var l = this; 4 l.options = jQuery.extend({ 5 autoplay: true, 6 html5player: true, 7 overlaybgcolor: "#000000", 8 overlayopacity: 0.9, 9 bgcolor: "#ffffff", 10 bordersize: 8, 11 barheight: 36, 12 loadingwidth: 64, 13 loadingheight: 64, 14 resizespeed: 400, 15 fadespeed: 400, 16 skinfolder: "skins/", 17 loadingimage: "lightbox-loading.gif", 18 nextimage: "lightbox-next.png", 19 previmage: "lightbox-prev.png", 20 closeimage: "lightbox-close.png", 21 playvideoimage: "lightbox-playvideo.png", 22 titlecss: "{color:#333333; font-size:16px; font-family:Armata,sans-serif,Arial; overflow:hidden; white-space:nowrap;}", 23 errorwidth: 280, 24 errorheight: 48, 25 errorcss: "{text-align:center; color:#ff0000; font-size:14px; font-family:Arial, sans-serif;}", 26 supportesckey: true, 27 supportarrowkeys: true, 28 version: "1.8", 29 stamp: false, 30 freemark: "html5box.com", 31 freelink: "", 32 watermark: "", 33 watermarklink: "" 34 }, 35 k); 36 if ((typeof html5lightbox_options != \'undefined\') && html5lightbox_options) jQuery.extend(l.options, html5lightbox_options); 37 l.options.htmlfolder = window.location.href.substr(0, window.location.href.lastIndexOf("/") + 1); 38 if ((l.options.skinfolder.charAt(0) != "/") && (l.options.skinfolder.substring(0, 5) != "http:") && (l.options.skinfolder.substring(0, 6) != "https:")) l.options.skinfolder = l.options.jsfolder + l.options.skinfolder; 39 l.options.types = ["IMAGE", "FLASH", "VIDEO", "youku", "VIMEO", "PDF", "MP3", "WEB"]; 40 l.elemArray = new Array(); 41 l.options.curElem = -1; 42 l.options.flashInstalled = false; 43 try { 44 if (new ActiveXObject(\'ShockwaveFlash.ShockwaveFlash\')) l.options.flashInstalled = true 45 } catch (e) { 46 if (navigator.mimeTypes["application/x-shockwave-flash"]) l.options.flashInstalled = true 47 } 48 l.options.html5VideoSupported = (!!document.createElement(\'video\').canPlayType); 49 l.options.isChrome = (navigator.userAgent.match(/Chrome/i) != null); 50 l.options.isFirefox = (navigator.userAgent.match(/Firefox/i) != null); 51 l.options.isOpera = (navigator.userAgent.match(/Opera/i) != null); 52 l.options.isSafari = (navigator.userAgent.match(/Safari/i) != null); 53 l.options.isIE = (navigator.userAgent.match(/MSIE/i) != null) && !l.options.isOpera; 54 l.options.isIE9 = l.options.isIE && l.options.html5VideoSupported; 55 l.options.isIE678 = l.options.isIE && !l.options.isIE9; 56 l.options.isIE6 = (navigator.userAgent.match(/MSIE 6/i) != null) && !l.options.isOpera; 57 l.options.isAndroid = (navigator.userAgent.match(/Android/i) != null); 58 l.options.isIPad = (navigator.userAgent.match(/iPad/i) != null); 59 l.options.isIPhone = ((navigator.userAgent.match(/iPod/i) != null) || (navigator.userAgent.match(/iPhone/i) != null)); 60 l.options.isMobile = (l.options.isAndroid || l.options.isIPad || l.options.isIPhone); 61 l.options.isIOSLess5 = l.options.isIPad && l.options.isIPhone && ((navigator.userAgent.match(/OS 4/i) != null) || (navigator.userAgent.match(/OS 3/i) != null)); 62 l.options.supportCSSPositionFixed = !l.options.isIE6 && !l.options.isIOSLess5; 63 l.options.resizeTimeout = -1; 64 var l = this; 65 l.init = function () { 66 l.showing = false; 67 l.readData(); 68 l.createMarkup(); 69 l.supportKeyboard() 70 }; 71 var m = 0, 72 ELEM_HREF = 1, 73 ELEM_TITLE = 2, 74 ELEM_GROUP = 3, 75 ELEM_WIDTH = 4, 76 ELEM_HEIGHT = 5, 77 ELEM_HREF_WEBM = 6, 78 ELEM_HREF_OGG = 7; 79 l.readData = function () { 80 l.each(function () { 81 if (this.nodeName.toLowerCase() != \'a\') return; 82 var a = $(this); 83 var b = l.checkType(a.attr(\'href\')); 84 if (b < 0) return; 85 l.elemArray.push(new Array(b, a.attr(\'href\'), a.attr(\'title\'), a.data(\'group\'), a.data(\'width\'), a.data(\'height\'), a.data(\'webm\'), a.data(\'ogg\'))) 86 }) 87 }; 88 l.createMarkup = function () { 89 var a = (\'https:\' == document.location.protocol ? \'https\' : \'http\') + "://fonts.apis.com/css?family=Armata"; 90 var b = document.createElement("link"); 91 b.setAttribute("rel", "stylesheet"); 92 b.setAttribute("type", "text/css"); 93 b.setAttribute("href", a); 94 document.getElementsByTagName("head")[0].appendChild(b); 95 var c = "#html5-text " + l.options.titlecss; 96 c += ".html5-error " + l.options.errorcss; 97 $("head").append("<style type=\'text/css\'>" + c + "</style>"); 98 l.$lightbox = jQuery("<div id=\'html5-lightbox\' style=\'display:none;top:0px;left:0px;width:100%;height:100%;z-index:9999999;\'><div id=\'html5-lightbox-overlay\' style=\'display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:" + l.options.overlaybgcolor + ";opacity:" + l.options.overlayopacity + ";filter:alpha(opacity=" + Math.round(l.options.overlayopacity * 100) + ");\'></div><div id=\'html5-lightbox-box\' style=\'display:block;position:relative;margin:0px auto;overflow:hidden;\'><div id=\'html5-elem-box\' style=\'display:block;position:relative;margin:0px auto;text-align:center;\'><div id=\'html5-elem-wrap\' style=\'display:block;position:relative;margin:0px auto;text-align:center;background-color:" + l.options.bgcolor + ";\'><div id=\'html5-loading\' style=\'display:none;position:absolute;top:0px;left:0px;text-align:center;width:100%;height:100%;background:url(\"" + l.options.skinfolder + l.options.loadingimage + "\") no-repeat center center;\'></div><div id=\'html5-error\' class=\'html5-error\' style=\'display:none;position:absolute;padding:" + l.options.bordersize + "px;text-align:center;width:" + l.options.errorwidth + "px;height:" + l.options.errorheight + "px;\'>The requested content cannot be loaded.<br />Please try again later.</div><div id=\'html5-image\' style=\'display:none;position:absolute;top:0px;left:0px;padding:" + l.options.bordersize + "px;text-align:center;\'></div></div><div id=\'html5-next\' style=\'display:none;cursor:pointer;position:absolute;right:" + l.options.bordersize + "px;top:40%;\'><img src=\'" + l.options.skinfolder + l.options.nextimage + "\'></div><div id=\'html5-prev\' style=\'display:none;cursor:pointer;position:absolute;left:" + l.options.bordersize + "px;top:40%;\'><img src=\'" + l.options.skinfolder + l.options.previmage + "\'></div></div><div id=\'html5-elem-data-box\' style=\'display:none;position:relative;width:100%;margin:0px auto;height:" + l.options.barheight + "px;background-color:" + l.options.bgcolor + ";\'><div id=\'html5-text\' style=\'display:block;float:left;overflow:hidden;margin-left:" + l.options.bordersize + "px;\'></div><div id=\'html5-close\' style=\'display:block;cursor:pointer;float:right;margin-right:" + l.options.bordersize + "px;\'><img src=\'" + l.options.skinfolder + l.options.closeimage + "\'></div></div><div id=\'html5-watermark\' style=\'display:none;position:absolute;left:" + String(l.options.bordersize + 2) + "px;top:" + String(l.options.bordersize + 2) + "px;\'></div></div></div>"); 99 l.$lightbox.css({ 100 position: (l.options.supportCSSPositionFixed ? \'fixed\' : \'absolute\') 101 }); 102 l.$lightbox.appendTo("body"); 103 l.$lightboxBox = $("#html5-lightbox-box", l.$lightbox); 104 l.$elem = $("#html5-elem-box", l.$lightbox); 105 l.$elemWrap = $("#html5-elem-wrap", l.$lightbox); 106 l.$loading = $("#html5-loading", l.$lightbox); 107 l.$error = $("#html5-error", l.$lightbox); 108 l.$image = $("#html5-image", l.$lightbox); 109 l.$elemData = $("#html5-elem-data-box", l.$lightbox); 110 l.$text = $("#html5-text", l.$lightbox); 111 l.$next = $("#html5-next", l.$lightbox); 112 l.$prev = $("#html5-prev", l.$lightbox); 113 l.$close = $("#html5-close", l.$lightbox); 114 l.$watermark = $("#html5-watermark", l.$lightbox); 115 if (l.options.stamp) { 116 l.$watermark.html("<a href=\'" + l.options.freelink + "\' style=\'text-decoration:none;\'><div style=\'display:block;width:120px;height:20px;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;filter:alpha(opacity=60);opacity:0.6;background-color:#333333;color:#ffffff;font:12px Armata,sans-serif,Arial;\'><div style=\'line-height:20px;\'>" + l.options.freemark + "</div></div></a>") 117 } else if (l.options.watermark) { 118 var d = "<img src=\'" + l.options.watermark + "\' style=\'border:none;\' />"; 119 if (l.options.watermarklink) d = "<a href=\'" + l.options.watermarklink + "\' target=\'_blank\'>" + d + "</a>"; 120 l.$watermark.html(d) 121 } 122 $("#html5-lightbox-overlay", l.$lightbox).click(l.finish); 123 l.$close.click(l.finish); 124 l.$next.click(function () { 125 l.gotoSlide(-1) 126 }); 127 l.$prev.click(function () { 128 l.gotoSlide(-2) 129 }); 130 $(window).resize(function () { 131 if (!l.options.isMobile) { 132 clearTimeout(l.options.resizeTimeout); 133 l.options.resizeTimeout = setTimeout(function () { 134 l.resizeWindow() 135 }, 136 500) 137 } 138 }); 139 $(window).scroll(function () { 140 l.scrollBox() 141 }); 142 $(window).bind(\'orientationchange\', 143 function (e) { 144 if (l.options.isMobile) l.resizeWindow() 145 }) 146 }; 147 l.calcNextPrevElem = function () { 148 l.options.nextElem = -1; 149 l.options.prevElem = -1; 150 var j, curGroup = l.elemArray[l.options.curElem][ELEM_GROUP]; 151 if ((curGroup != undefined) && (curGroup != null)) { 152 for (j = l.options.curElem + 1; j < l.elemArray.length; j++) { 153 if (l.elemArray[j][ELEM_GROUP] == curGroup) { 154 l.options.nextElem = j; 155 break 156 } 157 } 158 if (l.options.nextElem < 0) { 159 for (j = 0; j < l.options.curElem; j++) { 160 if (l.elemArray[j][ELEM_GROUP] == curGroup) { 161 l.options.nextElem = j; 162 break 163 } 164 } 165 } 166 if (l.options.nextElem >= 0) { 167 for (j = l.options.curElem - 1; j >= 0; j--) { 168 if (l.elemArray[j][ELEM_GROUP] == curGroup) { 169 l.options.prevElem = j; 170 break 171 } 172 } 173 if (l.options.prevElem < 0) { 174 for (j = l.elemArray.length - 1; j > l.options.curElem; j--) { 175 if (l.elemArray[j][ELEM_GROUP] == curGroup) { 176 l.options.prevElem = j; 177 break 178 } 179 } 180 } 181 } 182 } 183 }; 184 l.clickHandler = function () { 185 if (l.elemArray.length <= 0) return true; 186 var a = $(this); 187 l.hideObjects(); 188 for (var i = 0; i < l.elemArray.length; i++) { 189 if (l.elemArray[i][ELEM_HREF] == a.attr("href")) break 190 } 191 if (i == l.elemArray.length) return true; 192 l.options.curElem = i; 193 l.options.nextElem = -1; 194 l.options.prevElem = -1; 195 l.calcNextPrevElem(); 196 l.$next.hide(); 197 l.$prev.hide(); 198 l.reset(); 199 l.$lightbox.show(); 200 if (!l.options.supportCSSPositionFixed) l.$lightbox.css("top", $(window).scrollTop()); 201 var b = l.options.loadingwidth + 2 * l.options.bordersize; 202 var c = l.options.loadingheight + 2 * l.options.bordersize; 203 var d = Math.round($(window).height() / 2 - (c + l.options.barheight) / 2); 204 l.$lightboxBox.css({ 205 "margin-top": d, 206 "width": b, 207 "height": c 208 }); 209 l.$elemWrap.css({ 210 "width": b, 211 "height": c 212 }); 213 l.loadCurElem(); 214 return false 215 }; 216 l.loadElem = function (a) { 217 l.showing = true; 218 l.$elem.unbind("mouseenter").unbind("mouseleave").unbind("mousemove"); 219 l.$next.hide(); 220 l.$prev.hide(); 221 l.$loading.show(); 222 switch (a[m]) { 223 case 0: 224 var b = new Image(); 225 $(b).load(function () { 226 l.showImage(a, b.width, b.height) 227 }); 228 $(b).error(function () { 229 l.showError() 230 }); 231 b.src = a[ELEM_HREF]; 232 break; 233 case 1: 234 l.showSWF(a); 235 break; 236 case 2: 237 l.showVideo(a); 238 break; 239 case 3: 240 case 4: 241 l.showyoukuVimeo(a); 242 break; 243 case 5: 244 l.showPDF(a); 245 break; 246 case 6: 247 l.showMP3(a); 248 break; 249 case 7: 250 l.showWeb(a); 251 break 252 } 253 }; 254 l.loadCurElem = function () { 255 l.loadElem(l.elemArray[l.options.curElem]) 256 }; 257 l.showError = function () { 258 l.$loading.hide(); 259 l.resizeLightbox(l.options.errorwidth, l.options.errorheight, true, 260 function () { 261 l.$error.show(); 262 l.$elem.fadeIn(l.options.fadespeed, 263 function () { 264 l.showData() 265 }) 266 }) 267 }; 268 l.calcTextWidth = function (a) { 269 var b = a - 36; 270 if ((l.options.prevElem > 0) || (l.options.nextElem > 0)) b -= 36; 271 return b 272 }; 273 l.showImage = function (a, b, c) { 274 var d, elemH; 275 if (a[ELEM_WIDTH]) { 276 d = a[ELEM_WIDTH] 277 } else { 278 d = b; 279 a[ELEM_WIDTH] = b 280 } 281 if (a[ELEM_HEIGHT]) { 282 elemH = a[ELEM_HEIGHT] 283 } else { 284 elemH = c; 285 a[ELEM_HEIGHT] = c 286 } 287 var e = l.calcElemSize({ 288 w: d, 289 h: elemH 290 }); 291 l.resizeLightbox(e.w, e.h, true, 292 function () { 293 l.$text.css({ 294 width: l.calcTextWidth(e.w) 295 }); 296 l.$text.html(a[ELEM_TITLE]); 297 l.$image.show().css({ 298 width: e.w, 299 height: e.h 300 }); 301 l.$image.html("<img src=\'" + a[ELEM_HREF] + "\' width=\'" + e.w + "\' height=\'" + e.h + "\' />"); 302 l.$elem.fadeIn(l.options.fadespeed, 303 function () { 304 l.showData() 305 }) 306 }) 307 }; 308 l.showSWF = function (a) { 309 var b = (a[ELEM_WIDTH]) ? a[ELEM_WIDTH] : 480; 310 var c = (a[ELEM_HEIGHT]) ? a[ELEM_HEIGHT] : 270; 311 var d = l.calcElemSize({ 312 w: b, 313 h: c 314 }); 315 b = d.w; 316 c = d.h; 317 l.resizeLightbox(b, c, true, 318 function () { 319 l.$text.css({ 320 width: l.calcTextWidth(b) 321 }); 322 l.$text.html(a[ELEM_TITLE]); 323 l.$image.html("<div id=\'html5lightbox-swf\' style=\'display:block;width:" + b + "px;height:" + c + "px;\'></div>").show(); 324 l.embedFlash($("#html5lightbox-swf"), b, c, a[ELEM_HREF], \'window\', { 325 width: b, 326 height: c 327 }); 328 l.$elem.show(); 329 l.showData() 330 }) 331 }; 332 l.showVideo = function (d) { 333 var e = (d[ELEM_WIDTH]) ? d[ELEM_WIDTH] : 480; 334 var f = (d[ELEM_HEIGHT]) ? d[ELEM_HEIGHT] : 270; 335 var g = l.calcElemSize({ 336 w: e, 337 h: f 338 }); 339 e = g.w; 340 f = g.h; 341 l.resizeLightbox(e, f, true, 342 function () { 343 l.$text.css({ 344 width: l.calcTextWidth(e) 345 }); 346 l.$text.html(d[ELEM_TITLE]); 347 l.$image.html("<div id=\'html5lightbox-video\' style=\'display:block;width:" + e + "px;height:" + f + "px;\'></div>").show(); 348 var a = false; 349 if (l.options.isMobile) { 350 a = true 351 } else if ((l.options.html5player || !l.options.flashInstalled) && l.options.html5VideoSupported) { 352 if ((!l.options.isFirefox) || (l.options.isFirefox && (d[ELEM_HREF_OGG] || d[ELEM_HREF_WEBM]))) a = true 353 } 354 if (a) { 355 var b = d[ELEM_HREF]; 356 if (l.options.isFirefox || !b) b = d[ELEM_HREF_WEBM] ? d[ELEM_HREF_WEBM] : d[ELEM_HREF_OGG]; 357 l.embedHTML5Video($("#html5lightbox-video"), e, f, b, l.options.autoplay) 358 } else { 359 var c = d[ELEM_HREF]; 360 if ((c.charAt(0) != "/") && (c.substring(0, 5) != "http:") && (c.substring(0, 6) != "https:")) c = l.options.htmlfolder + c; 361 l.embedFlash($("#html5lightbox-video"), e, f, l.options.jsfolder + "html5boxplayer.swf", \'transparent\', { 362 width: e, 363 height: f, 364 videofile: c, 365 autoplay: (l.options.autoplay ? "1" : "0"), 366 errorcss: ".html5box-error" + l.options.errorcss, 367 id: 0 368 }) 369 } 370 l.$elem.show(); 371 l.showData() 372 }) 373 }; 374 l.prepareyoukuHref = function (a) { 375 var b = \'\'; 376 var c = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\??v?=?))([^#\&\?]*).*/; 377 var d = a.match(c); 378 if (d && d[7] && (d[7].length == 11)) b = d[7]; 379 return \'http://www.youku.com/embed/\' + b 380 }; 381 l.showyoukuVimeo = function (b) { 382 var c = (b[ELEM_WIDTH]) ? b[ELEM_WIDTH] : 480; 383 var d = (b[ELEM_HEIGHT]) ? b[ELEM_HEIGHT] : 270; 384 var e = l.calcElemSize({ 385 w: c, 386 h: d 387 }); 388 c = e.w; 389 d = e.h; 390 l.resizeLightbox(c, d, true, 391 function () { 392 l.$text.css({ 393 width: l.calcTextWidth(c) 394 }); 395 l.$text.html(b[ELEM_TITLE]); 396 l.$image.html("<div id=\'html5lightbox-video\' style=\'display:block;width:" + c + "px;height:" + d + "px;\'></div>").show(); 397 var a = b[ELEM_HREF]; 398 if (b[m] == 3) a = l.prepareyoukuHref(a); 399 if (l.options.autoplay) { 400 if (a.indexOf("?") < 0) a += "?autoplay=1"; 401 else a += "&autoplay=1" 402 } 403 if (b[m] == 3) { 404 if (a.indexOf(\'?\') < 0) a += \'?wmode=transparent&rel=0\'; 405 else a += \'&wmode=transparent&rel=0\' 406 } 407 $("#html5lightbox-video").html("<iframe width=\'" + c + "\' height=\'" + d + "\' src=\'" + a + "\' frameborder=\'0\' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>"); 408 l.$elem.show(); 409 l.showData() 410 }) 411 }; 412 l.showPDF = function (a) { }; 413 l.showMP3 = function (a) { }; 414 l.showWeb = function (a) { 415 var b = (a[ELEM_WIDTH]) ? a[ELEM_WIDTH] : $(window).width(); 416 var c = (a[ELEM_HEIGHT]) ? a[ELEM_HEIGHT] : $(window).height(); 417 var d = l.calcElemSize({ 418 w: b, 419 h: c 420 }); 421 b = d.w; 422 c = d.h; 423 l.resizeLightbox(b, c, true, 424 function () { 425 l.$text.css({ 426 width: l.calcTextWidth(b) 427 }); 428 l.$text.html(a[ELEM_TITLE]); 429 l.$image.html("<div id=\'html5lightbox-web\' style=\'display:block;width:" + b + "px;height:" + c + "px;\'></div>").show(); 430 $("#html5lightbox-web").html("<iframe width=\'" + b + "\' height=\'" + c + "\' src=\'" + a[ELEM_HREF] + "\' frameborder=\'0\'></iframe>"); 431 l.$elem.show(); 432 l.showData() 433 }) 434 }; 435 l.scrollBox = function () { 436 if (!l.options.supportCSSPositionFixed) l.$lightbox.css("top", $(window).scrollTop()) 437 }; 438 l.resizeWindow = function () { 439 var a = Math.round($(window).height() / 2 - (l.$lightboxBox.height() + l.options.barheight) / 2); 440 l.$lightboxBox.animate({ 441 "margin-top": a 442 }, 443 l.options.resizespeed) 444 }; 445 l.calcElemSize = function (a) { 446 var b = $(window).height() - l.options.barheight - 2 * l.options.bordersize; 447 if (a.h > b) { 448 a.w = Math.round(a.w * b / a.h); 449 a.h = b 450 } 451 var c = $(window).width() - 2 * l.options.bordersize; 452 if (a.w > c) { 453 a.h = Math.round(a.h * c / a.w); 454 a.w = c 455 } 456 return a 457 }; 458 l.showData = function () { 459 l.$elemData.show(); 460 l.$lightboxBox.animate({ 461 height: l.$lightboxBox.height() + l.options.barheight 462 }, 463 { 464 queue: true, 465 duration: l.options.resizespeed 466 }) 467 }; 468 l.resizeLightbox = function (a, b, c, d) { 469 var e = (c) ? l.options.resizespeed : 0; 470 var f = a + 2 * l.options.bordersize; 471 var g = b + 2 * l.options.bordersize; 472 var h = Math.round($(window).height() / 2 - (g + l.options.barheight) / 2); 473 if ((f == l.$elemWrap.width()) && (g == l.$elemWrap.height())) e = 0; 474 l.$loading.hide(); 475 l.$watermark.hide(); 476 l.$lightboxBox.animate({ 477 "margin-top": h 478 }, 479 e, 480 function () { 481 l.$lightboxBox.css({ 482 "width": f, 483 "height": g 484 }); 485 l.$elemWrap.animate({ 486 width: f 487 }, 488 e).animate({ 489 height: g 490 }, 491 e, 492 function () { 493 l.$loading.show(); 494 l.$watermark.show(); 495 l.$elem.bind("mouseenter mousemove", 496 function () { 497 if ((l.options.prevElem >= 0) || (l.options.nextElem >= 0)) { 498 l.$next.fadeIn(); 499 l.$prev.fadeIn() 500 } 501 }); 502 l.$elem.bind("mouseleave", 503 function () { 504 l.$next.fadeOut(); 505 l.$prev.fadeOut() 506 }); 507 d() 508 }) 509 }) 510 }; 511 l.reset = function () { 512 if (l.options.stamp) l.$watermark.hide(); 513 l.showing = false; 514 l.$image.empty(); 515 l.$text.empty(); 516 l.$error.hide(); 517 l.$loading.hide(); 518 l.$image.hide(); 519 l.$elemData.hide() 520 }; 521 l.finish = function () { 522 l.reset(); 523 l.$lightbox.hide(); 524 l.showObjects() 525 }; 526 l.pauseSlide = function () { }; 527 l.playSlide = function () { }; 528 l.gotoSlide = function (a) { 529 if (a == -1) { 530 if (l.options.nextElem < 0) return; 531 l.options.curElem = l.options.nextElem 532 } else if (a == -2) { 533 if (l.options.prevElem < 0) return; 534 l.options.curElem = l.options.prevElem 535 } 536 l.calcNextPrevElem(); 537 l.reset(); 538 l.loadCurElem() 539 }; 540 l.supportKeyboard = function () { 541 $(document).keyup(function (e) { 542 if (!l.showing) return; 543 if (l.options.supportesckey && e.keyCode == 27) { 544 l.finish() 545 } else if (l.options.supportarrowkeys) { 546 if (e.keyCode == 39) l.gotoSlide(-1); 547 else if (e.keyCode == 37) l.gotoSlide(-2) 548 } 549 }) 550 }; 551 l.enableSwipe = function () { }; 552 l.hideObjects = function () { 553 $(\'select, embed, object\').css({ 554 \'visibility\': \'hidden\' 555 }) 556 }; 557 l.showObjects = function () { 558 $(\'select, embed, object\').css({ 559 \'visibility\': \'visible\' 560 }) 561 }; 562 l.embedHTML5Video = function (a, w, h, b, c) { 563 a.html("<div style=\'position:absolute;display:block;width:" + w + "px;height:" + h + "px;\'><video width=" + w + " height=" + h + ((c) ? " autoplay" : "") + " controls=\'controls\' src=\'" + b + "\'></div>"); 564 if (l.options.isAndroid) { 565 var d = $("<div style=\'position:absolute;display:block;cursor:pointer;width:" + w + "px;height:" + h + "px;background:url(\"" + l.options.skinfolder + l.options.playvideoimage + "\") no-repeat center center;\'></div>").appendTo(a); 566 d.unbind(\'click\').click(function () { 567 $("video", $(this).parent())[0].play() 568 }) 569 } 570 }; 571 l.embedFlash = function (a, w, h, b, c, d) { 572 if (l.options.flashInstalled) { 573 var e = { 574 pluginspage: "http://www.adobe.com/go/getflashplayer", 575 quality: "high", 576 allowFullScreen: "true", 577 allowScriptAccess: "always", 578 type: "application/x-shockwave-flash" 579 }; 580 e.width = w; 581 e.height = h; 582 e.src = b; 583 e.flashVars = $.param(d); 584 e.wmode = c; 585 var f = ""; 586 for (var g in e) f += g + "=" + e[g] + " "; 587 a.html("<embed " + f + "/>") 588 } else { 589 a.html("<div class=\'html5lightbox-flash-error\' style=\'display:block; position:relative;text-align:center; width:" + w + "px; left:0px; top:" + Math.round(h / 2 - 10) + "px;\'><div class=\'html5-error\'><div>The required Adobe Flash Player plugin is not installed</div><br /><div style=\'display:block;position:relative;text-align:center;width:112px;height:33px;margin:0px auto;\'><a href=\'http://www.adobe.com/go/getflashplayer\'><img src=\'http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif\' alt=\'Get Adobe Flash player\' width=\'112\' height=\'33\'></img></a></div></div>") 590 } 591 }; 592 l.checkType = function (a) { 593 if (!a) return -1; 594 if (a.match(/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i)) return 0; 595 if (a.match(/[^\.]\.(swf)\s*$/i)) return 1; 596 if (a.match(/\.(flv|mp4|m4v|ogv|ogg|webm)(.*)?$/i)) return 2; 597 if ((a.match(/\:\/\/.*(youku\.com)/i)) || (a.match(/\:\/\/.*(youtu\.be)/i))) return 3; 598 if (a.match(/\:\/\/.*(vimeo\.com)/i)) return 4; 599 if (a.match(/[^\.]\.(pdf)\s*$/i)) return 5; 600 if (a.match(/[^\.]\.(mp3)\s*$/i)) return 6; 601 return 7 602 }; 603 l.showLightbox = function (a, b, c, d, e, f, g) { 604 l.$next.hide(); 605 l.$prev.hide(); 606 l.reset(); 607 l.$lightbox.show(); 608 if (!l.options.supportCSSPositionFixed) l.$lightbox.css("top", $(window).scrollTop()); 609 var h = l.options.loadingwidth + 2 * l.options.bordersize; 610 var i = l.options.loadingheight + 2 * l.options.bordersize; 611 var j = Math.round($(window).height() / 2 - (i + l.options.barheight) / 2); 612 l.$lightboxBox.css({ 613 "margin-top": j, 614 "width": h, 615 "height": i 616 }); 617 l.$elemWrap.css({ 618 "width": h, 619 "height": i 620 }); 621 l.loadElem(new Array(a, b, c, null, d, e, f, g)) 622 }; 623 l.addItem = function (a, b, c, d, e, f, g) { 624 type = l.checkType(a); 625 l.elemArray.push(new Array(type, a, b, c, d, e, f, g)) 626 }; 627 l.showItem = function (a) { 628 if (l.elemArray.length <= 0) return true; 629 l.hideObjects(); 630 for (var i = 0; i < l.elemArray.length; i++) { 631 if (l.elemArray[i][ELEM_HREF] == a) break 632 } 633 if (i == l.elemArray.length) return true; 634 l.options.curElem = i; 635 l.options.nextElem = -1; 636 l.options.prevElem = -1; 637 l.calcNextPrevElem(); 638 l.$next.hide(); 639 l.$prev.hide(); 640 l.reset(); 641 l.$lightbox.show(); 642 if (!l.options.supportCSSPositionFixed) l.$lightbox.css("top", $(window).scrollTop()); 643 var b = l.options.loadingwidth + 2 * l.options.bordersize; 644 var c = l.options.loadingheight + 2 * l.options.bordersize; 645 var d = Math.round($(window).height() / 2 - (c + l.options.barheight) / 2); 646 l.$lightboxBox.css({ 647 "margin-top": d, 648 "width": b, 649 "height": c 650 }); 651 l.$elemWrap.css({ 652 "width": b, 653 "height": c 654 }); 655 l.loadCurElem(); 656 return false 657 }; 658 l.init(); 659 return l.unbind(\'click\').click(l.clickHandler) 660 } 661 })(jQuery); 662 function ASTimer(a, b, c) { 663 var d = 50; 664 var e = null; 665 var f = 0; 666 var g = false; 667 var h = false; 668 this.pause = function () { 669 if (h) { 670 g = true; 671 clearInterval(e) 672 } 673 }; 674 this.resume = function () { 675 if (h && g) { 676 g = false; 677 e = setInterval(function () { 678 f += d; 679 if (f > a) { 680 clearInterval(e); 681 if (b) b() 682 } 683 if (c) c(f / a) 684 }, 685 d) 686 } 687 }; 688 this.stop = function () { 689 clearInterval(e); 690 if (c) c(-1); 691 f = 0; 692 g = false; 693 h = false 694 }; 695 this.start = function () { 696 f = 0; 697 g = false; 698 h = true; 699 e = setInterval(function () { 700 f += d; 701 if (f > a) { 702 clearInterval(e); 703 if (b) b() 704 } 705 if (c) c(f / a) 706 }, 707 d) 708 } 709 } 710 var ASPlatforms = { 711 flashInstalled: function () { 712 var a = false; 713 try { 714 if (new ActiveXObject(\'ShockwaveFlash.ShockwaveFlash\')) a = true 715 } catch (e) { 716 if (navigator.mimeTypes["application/x-shockwave-flash"]) a = true 717 } 718 return a 719 }, 720 html5VideoSupported: function () { 721 return (!!document.createElement(\'video\').canPlayType) 722 }, 723 isChrome: function () { 724 return (navigator.userAgent.match(/Chrome/i) != null) 725 }, 726 isFirefox: function () { 727 return (navigator.userAgent.match(/Firefox/i) != null) 728 }, 729 isOpera: function () { 730 return (navigator.userAgent.match(/Opera/i) != null) 731 }, 732 isSafari: function () { 733 return (navigator.userAgent.match(/Safari/i) != null) 734 }, 735 isAndroid: function () { 736 return (navigator.userAgent.match(/Android/i) != null) 737 }, 738 isIPad: function () { 739 return (navigator.userAgent.match(/iPad/i) != null) 740 }, 741 isIPhone: function () { 742 return ((navigator.userAgent.match(/iPod/i) != null) || (navigator.userAgent.match(/iPhone/i) != null)) 743 }, 744 isIOS: function () { 745 return this.isIPad() || this.isIPhone() 746 }, 747 isIE9: function () { 748 return (navigator.userAgent.match(/MSIE/i) != null) && this.html5VideoSupported() && !this.isOpera() 749 }, 750 isIE8: function () { 751 return (navigator.userAgent.match(/MSIE 8/i) != null) && !this.isOpera() 752 }, 753 isIE7: function () { 754 return (navigator.userAgent.match(/MSIE 7/i) != null) && !this.isOpera() 755 }, 756 isIE6: function () { 757 return (navigator.userAgent.match(/MSIE 6/i) != null) && !this.isOpera() 758 }, 759 isIE678: function () { 760 return this.isIE6() || this.isIE7() || this.isIE8() 761 }, 762 css33dTransformSupported: function () { 763 return !this.isIE6() && !this.isIE7() && !this.isIE8() && !this.isIE9() && !this.isOpera() 764 }, 765 applyBrowserStyles: function (a, b) { 766 var c = {}; 767 for (var d in a) { 768 c[d] = a[d]; 769 c[\'-webkit-\' + d] = (b) ? \'-webkit-\' + a[d] : a[d]; 770 c[\'-moz-\' + d] = (b) ? \'-moz-\' + a[d] : a[d]; 771 c[\'-ms-\' + d] = (b) ? \'-ms-\' + a[d] : a[d]; 772 c[\'-o-\' + d] = (b) ? \'-o-\' + a[d] : a[d] 773 } 774 return c 775 } 776 }; (function ($) { 777 $.fn.html5zoo = function (G) { 778 var H = 0, 779 ELEM_SRC = 1, 780 ELEM_TITLE = 2, 781 ELEM_DESCRIPTION = 3, 782 ELEM_LINK = 4, 783 ELEM_TARGET = 5, 784 ELEM_VIDEO = 6, 785 ELEM_THUMBNAIL = 7, 786 ELEM_LIGHTBOX = 8, 787 ELEM_LIGHTBOXWIDTH = 9, 788 ELEM_LIGHTBOXHEIGHT = 10; 789 var I = 1, 790 TYPE_SWF = 2, 791 TYPE_MP3 = 3, 792 TYPE_PDF = 4, 793 TYPE_VIDEO_FLASH = 5, 794 TYPE_VIDEO_MP4 = 6, 795 TYPE_VIDEO_OGG = 7, 796 TYPE_VIDEO_WEBM = 8, 797 TYPE_VIDEO_youku = 9, 798 TYPE_VIDEO_VIMEO = 10; 799 var J = function (a, b, c) { 800 this.container = a; 801 this.options = b; 802 this.id = c; 803 this.transitionTimeout = null; 804 this.arrowTimeout = null; 805 this.lightboxArray = []; 806 this.elemArray = []; 807 this.container.children().hide(); 808 this.container.css({ 809 "display": "block", 810 "position": "relative" 811 }); 812 this.initData(this.init) 813 }; 814 J.prototype = { 815 initData: function (a) { 816 this.readTags(); 817 a(this) 818 }, 819 readTags: function () { 820 var m = this; 821 $(\'.html5zoo-slides\', this.container).find(\'li\').each(function () { 822 var a = $(\'img\', $(this)); 823 if (a.length > 0) { 824 var b = (a.data("src") && (a.data("src").length > 0)) ? a.data("src") : \'\'; 825 var c = (a.attr("src") && (a.attr("src").length > 0)) ? a.attr("src") : b; 826 var d = (a.attr("alt") && (a.attr("alt").length > 0)) ? a.attr("alt") : \'\'; 827 var e = (a.data("description") && (a.data("description").length > 0)) ? a.data("description") : \'\'; 828 var f = (a.parent() && a.parent().is("a")) ? a.parent().attr("href") : \'\'; 829 var g = (a.parent() && a.parent().is("a")) ? a.parent().attr("target") : \'\'; 830 var h = (a.parent() && a.parent().is("a")) ? a.parent().hasClass("html5lightbox") : false; 831 var i = (a.parent() && h) ? a.parent().data("width") : 0; 832 var j = (a.parent() && h) ? a.parent().data("height") : 0; 833 var k = []; 834 if ($(\'video\', $(this)).length > 0) { 835 $(\'video\', $(this)).each(function () { 836 k.push({ 837 href: $(this).attr(\'src\'), 838 type: m.checkVideoType($(this).attr(\'src\')) 839 }) 840 }) 841 } 842 var l = new Array(m.elemArray.length, c, d, e, f, g, k, "", h, i, j); 843 m.elemArray.push(l); 844 if (h) m.lightboxArray.push(l) 845 } 846 }); 847 $(\'.html5zoo-thumbnails\', this.container).find(\'li\').each(function (a) { 848 var b = $(\'img\', $(this)); 849 if ((b.length > 0) && (m.elemArray.length > a)) { 850 var c = (b.data("src") && (b.data("src").length > 0)) ? b.data("src") : \'\'; 851 var d = (b.attr("src") && (b.attr("src").length > 0)) ? b.attr("src") : c; 852 m.elemArray[a][ELEM_THUMBNAIL] = d 853 } 854 }); 855 if (this.options.shownumbering) { 856 for (var i = 0; i < this.elemArray.length; i++) { 857 var n = this.options.numberingformat.replace("%NUM", i + 1).replace("%TOTAL", this.elemArray.length); 858 this.elemArray[i][ELEM_TITLE] = n + this.elemArray[i][ELEM_TITLE] 859 } 860 } 861 }, 862 init: function (a) { 863 if (a.elemArray.length <= 0) return; 864 a.isAnimating = false; 865 a.isPaused = !a.options.autoplay; 866 a.tempPaused = false; 867 a.initVideoApi(); 868 a.createMarkup(); 869 a.createStyle(); 870 a.createNav(); 871 a.createArrows(); 872 a.createBottomShadow(); 873 a.createBackgroundImage(); 874 a.createText(); 875 a.createSliderTimeout(); 876 a.createWatermark(); 877 a.createRibbon(); 878 a.createGoogleFonts(); 879 a.initHtml5Lightbox(); 880 a.curElem = -1; 881 a.prevElem = -1; 882 a.nextElem = -1; 883 a.firstslide = true; 884 a.loopCount = 0; 885 a.pauseCarousel = false; 886 var b = 0; 887 var c = a.getParams(); 888 var d = parseInt(c["firstslideid"]); 889 if (!isNaN(d) && (d >= 1) && (d <= a.elemArray.length)) b = d - 1; 890 else if (a.options.randomplay) b = Math.floor(Math.random() * a.elemArray.length); 891 a.slideRun(b) 892 }, 893 getParams: function () { 894 var a = {}; 895 var b = window.location.search.substring(1).split("&"); 896 for (var i = 0; i < b.length; i++) { 897 var c = b[i].split("="); 898 if (c && (c.length == 2)) a[c[0].toLowerCase()] = unescape(c[1]) 899 } 900 return a 901 }, 902 initHtml5Lightbox: function () { 903 var i; 904 if (this.lightboxArray.length > 0) { 905 var a = (this.options.skinsfoldername.length > 0) ? (this.options.skinsfoldername + \'/\') : \'\'; 906 this.html5Lightbox = $([]).html5lightbox({ 907 jsfolder: this.options.jsfolder, 908 skinfolder: a 909 }); 910 for (i = 0; i < this.lightboxArray.length; i++) { 911 this.html5Lightbox.addItem(this.lightboxArray[i][ELEM_LINK], this.lightboxArray[i][ELEM_TITLE], \'html5zoo\' + this.id, this.lightboxArray[i][ELEM_LIGHTBOXWIDTH], this.lightboxArray[i][ELEM_LIGHTBOXHEIGHT], null, null) 912 } 913 } 914 }, 915 createGoogleFonts: function () { 916 if (this.options.previewmode) return; 917 if (this.options.addfonts && this.options.fonts && this.options.fonts.length > 0) { } 918 }, 919 createRibbon: function () { 920 if (!this.options.showribbon || (this.options.ribbonimage.length <= 0)) return; 921 $(".html5zoo-ribbon-" + this.id, this.container).html("<img src=\'" + this.options.skinsfolder + this.options.ribbonimage + "\' style=\'border:none;\' />") 922 }, 923 createWatermark: function () { 924 if (!this.options.showwatermark) return; 925 if ((this.options.watermarkstyle == \'text\') && (this.options.watermarktext.length <= 0)) return; 926 if ((this.options.watermarkstyle == \'image\') && (this.options.watermarkimage.length <= 0)) return; 927 var a = \'\'; 928 if (this.options.watermarklink) { 929 a += "<a href=\'" + this.options.watermarklink + "\' style=\'" + this.options.watermarklinkcss + "\'"; 930 if (this.options.watermarktarget) a += " target=\'" + this.options.watermarktarget + "\'"; 931 a += ">" 932 } 933 if (this.options.watermarkstyle == \'text\') { 934 a += this.options.watermarktext 935 } else if (this.options.watermarkstyle == \'image\') { 936 a += "<img src=\'" + this.options.skinsfolder + this.options.watermarkimage + "\' style=\'border:none;\' />" 937 } 938 if (this.options.watermarklink) a += "</a>"; 939 $(".html5zoo-watermark-" + this.id, this.container).html(a) 940 }, 941 initVideoApi: function () { 942 var i, j, videos; 943 var a = false, 944 initVimeo = false; 945 for (i = 0; i < this.elemArray.length; i++) { 946 videos = this.elemArray[i][ELEM_VIDEO]; 947 for (j = 0; j < videos.length; j++) { 948 if (videos[j].type == TYPE_VIDEO_youku) a = true; 949 else if (videos[j].type == TYPE_VIDEO_VIMEO) initVimeo = true 950 } 951 } 952 if (a) { 953 var b = document.createElement(\'script\'); 954 b.src = (\'https:\' == document.location.protocol ? \'https\' : \'http\') + "://www.youku.com/iframe_api"; 955 var c = document.getElementsByTagName(\'script\')[0]; 956 c.parentNode.insertBefore(b, c) 957 } 958 if (initVimeo) { 959 var b = document.createElement(\'script\'); 960 b.src = this.options.jsfolder + "froogaloop2.min.js"; 961 var c = document.getElementsByTagName(\'script\')[0]; 962 c.parentNode.insertBefore(b, c) 963 } 964 }, 965 createSliderTimeout: function () { 966 var b = this; 967 this.sliderTimeout = new ASTimer(this.options.slideinterval, 968 function () { 969 b.slideRun(-1) 970 }, 971 ((this.options.showtimer) ? (function (a) { 972 b.updateTimer(a) 973 }) : null)); 974 if (b.options.pauseonmouseover) { 975 $(".html5zoo-slider-" + this.id, this.container).hover(function () { 976 if (!b.isPaused) b.sliderTimeout.pause() 977 }, 978 function () { 979 if (!b.isPaused) b.sliderTimeout.resume() 980 }) 981 } 982 if (b.options.showtimer) $(".html5zoo-timer-" + b.id, b.container).css({ 983 display: \'block\', 984 position: \'absolute\', 985 left: \'0px\', 986 top: ((b.options.timerposition == \'bottom\') ? \'\' : \'0px\'), 987 bottom: ((b.options.timerposition == \'bottom\') ? \'0px\' : \'\'), 988 width: \'0%\', 989 height: b.options.timerheight + \'px\', 990 \'background-color\': b.options.timercolor, 991 opacity: b.options.timeropacity, 992 filter: \'alpha(opacity=\' + Math.round(100 * b.options.timeropacity) + \')\' 993 }) 994 }, 995 updateTimer: function (a) { 996 w = Math.round(a * 100) + 1; 997 if (w > 100) w = 100; 998 if (w < 0) w = 0; 999 $(".html5zoo-timer-" + this.id, this.container).css({ 1000 width: w + \'%\' 1001 }) 1002 }, 1003 createMarkup: function () { 1004 this.$wrapper = jQuery("<div class=\'html5zoo-wrapper-" + this.id + "\'><div class=\'html5zoo-background-image-" + this.id + "\'></div><div class=\'html5zoo-bottom-shadow-" + this.id + "\'></div><div class=\'html5zoo-slider-" + this.id + "\'><div class=\'html5zoo-box-" + this.id + "\'><div class=\'html5zoo-swipe-box-" + this.id + "\'><div class=\'html5zoo-space-" + this.id + "\'></div><div class=\'html5zoo-img-box-" + this.id + "\'></div></div></div><div class=\'html5zoo-text-wrapper-" + this.id + "\'></div><div class=\'html5zoo-play-" + this.id + "\'></div><div class=\'html5zoo-video-wrapper-" + this.id + "\'></div><div class=\'html5zoo-ribbon-" + this.id + "\'></div><div class=\'html5zoo-arrow-left-" + this.id + "\'></div><div class=\'html5zoo-arrow-right-" + this.id + "\'></div><div class=\'html5zoo-timer-" + this.id + "\'></div><div class=\'html5zoo-watermark-" + this.id + "\'></div></div><div class=\'html5zoo-nav-" + this.id + "\'><div class=\'html5zoo-nav-container-" + this.id + "\'></div></div></div>"); 1005 this.$wrapper.appendTo(this.container); 1006 var a = this; 1007 if (this.options.enabletouchswipe) { 1008 $(".html5zoo-swipe-box-" + this.id, this.container).touchSwipe({ 1009 swipeLeft: function () { 1010 a.slideRun(-1) 1011 }, 1012 swipeRight: function () { 1013 a.slideRun(-2) 1014 } 1015 }) 1016 } 1017 $(".html5zoo-play-" + this.id, this.container).click(function () { 1018 a.playVideo(true) 1019 }) 1020 }, 1021 playVideo: function (a) { 1022 var b = this.elemArray[this.curElem][ELEM_VIDEO]; 1023 if (b.length <= 0) return; 1024 this.sliderTimeout.stop(); 1025 this.tempPaused = true; 1026 var c = b[0].href; 1027 var d = b[0].type; 1028 if (d == TYPE_VIDEO_youku) this.playyoukuVideo(c, a); 1029 else if (d == TYPE_VIDEO_VIMEO) this.playVimeoVideo(c, a) 1030 }, 1031 playVimeoVideo: function (b, c) { 1032 var d = $(".html5zoo-video-wrapper-" + this.id, this.container); 1033 d.css({ 1034 display: \'block\', 1035 width: \'100%\', 1036 height: \'100%\' 1037 }); 1038 if (this.options.previewmode) { 1039 d.html("<div class=\'html5zoo-error-" + this.id + "\'>To view Vimeo video, publish the slider then open it in your web browser</div>"); 1040 return 1041 } else { 1042 var e = b + ((b.indexOf("?") < 0) ? \'?\' : \'&\') + \'autoplay=\' + (c ? \'1\' : \'0\') + \'&api=1&player_id=html5zoo_vimeo_\' + this.id; 1043 d.html("<iframe id=\'html5zoo_vimeo_" + this.id + "\' width=\'" + this.options.width + "\' height=\'" + this.options.height + "\' src=\'" + e + "\' frameborder=\'0\' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>"); 1044 var f = $(\'#html5zoo_vimeo_\' + this.id)[0]; 1045 var g = $f(f); 1046 var h = this; 1047 g.addEvent(\'ready\', 1048 function () { 1049 g.addEvent(\'finish\', 1050 function (a) { 1051 h.tempPaused = false; 1052 if (!h.isPaused) h.slideRun(-1) 1053 }) 1054 }) 1055 } 1056 }, 1057 playyoukuVideo: function (b, c) { 1058 var d = $(".html5zoo-video-wrapper-" + this.id, this.container); 1059 d.css({ 1060 display: \'block\', 1061 width: \'100%\', 1062 height: \'100%\' 1063 }); 1064 if (this.options.previewmode) { 1065 d.html("<div class=\'html5zoo-error-" + this.id + "\'>To view youku video, publish the slider then open it in your web browser</div>"); 1066 return 1067 } 1068 var e = this; 1069 if (!ASyoukuIframeAPIReady) { 1070 ASyoukuTimeout += 100; 1071 if (ASyoukuTimeout < 3000) { 1072 setTimeout(function () { 1073 e.playyoukuVideo(b, c) 1074 }, 1075 100); 1076 return 1077 } 1078 } 1079 if (ASyoukuIframeAPIReady && !ASPlatforms.isIE6() && !ASPlatforms.isIE7() && !ASPlatforms.isIOS()) { 1080 d.html("<div id=\'html5zoo-video-" + this.id + "\' style=\'display:block;\'></div>"); 1081 var f = b.match(/(\?v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/)[2]; 1082 new YT.Player(\'html5zoo-video-\' + this.id, { 1083 width: e.options.width, 1084 height: e.options.height, 1085 videoId: f, 1086 playerVars: { 1087 \'autoplay\': 1, 1088 \'rel\': 0, 1089 \'autohide\': 1, 1090 \'wmode\': \'transparent\' 1091 }, 1092 events: { 1093 \'onReady\': function (a) { 1094 a.target.playVideo() 1095 }, 1096 \'onStateChange\': function (a) { 1097 if (a.data == YT.PlayerState.ENDED) { 1098 e.tempPaused = false; 1099 if (!e.isPaused) e.slideRun(-1) 1100 } 1101 } 1102 } 1103 }) 1104 } else { 1105 var g = b + ((b.indexOf("?") < 0) ? \'?\' : \'&\') + "autoplay=1&wmode=transparent&rel=0&autohide=1"; 1106 d.html("<iframe width=\'" + e.options.width + "\' height=\'" + e.options.height + "\' src=\'" + g + "\' frameborder=\'0\' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>") 1107 } 1108 }, 1109 checkVideoType: function (a) { 1110 if (!a) return -1; 1111 if (a.match(/\.(flv)(.*)?$/i)) return TYPE_VIDEO_FLASH; 1112 if (a.match(/\.(mp4|m4v)(.*)?$/i)) return TYPE_VIDEO_MP4; 1113 if (a.match(/\.(ogv|ogg)(.*)?$/i)) return TYPE_VIDEO_OGG; 1114 if (a.match(/\.(webm)(.*)?$/i)) return TYPE_VIDEO_WEBM; 1115 if ((a.match(/\:\/\/.*(youku\.com)/i)) || (a.match(/\:\/\/.*(youtu\.be)/i))) return TYPE_VIDEO_youku; 1116 if (a.match(/\:\/\/.*(vimeo\.com)/i)) return TYPE_VIDEO_VIMEO; 1117 return 0 1118 }, 1119 createText: function () { 1120 if (this.options.textstyle == \'none\') return; 1121 var m = this; 1122 var n = $(".html5zoo-text-wrapper-" + this.id, this.container); 1123 if (this.options.textstyle == \'static\') { 1124 n.html("<div class=\'html5zoo-text-" + this.id + "\'><div class=\'html5zoo-text-bg-" + this.id + "\'></div><div class=\'html5zoo-title-" + this.id + "\'></div><div class=\'html5zoo-description-" + this.id + "\'></div></div>"); 1125 n.css({ 1126 display: ((this.options.textautohide) ? \'none\' : \'block\'), 1127 overflow: \'hidden\', 1128 width: \'100%\', 1129 height: \'auto\', 1130 position: \'absolute\' 1131 }); 1132 if (this.options.textautohide) { 1133 $(".html5zoo-slider-" + this.id, this.container).hover(function () { 1134 $(".html5zoo-text-wrapper-" + m.id, m.container).fadeIn() 1135 }, 1136 function () { 1137 $(".html5zoo-text-wrapper-" + m.id, m.container).fadeOut() 1138 }) 1139 } 1140 switch (this.options.textpositionstatic) { 1141 case \'top\': 1142 n.css({ 1143 left: 1144 \'0px\', 1145 top: \'0px\', 1146 \'margin-top\': this.options.textpositionmarginstatic + \'px\' 1147 }); 1148 break; 1149 case \'bottom\': 1150 n.css({ 1151 left: 1152 \'0px\', 1153 bottom: \'0px\', 1154 \'margin-bottom\': this.options.textpositionmarginstatic + \'px\' 1155 }); 1156 break; 1157 case \'topoutside\': 1158 n.css({ 1159 left: 1160 \'0px\', 1161 bottom: \'100%\', 1162 \'margin-bottom\': this.options.textpositionmarginstatic + \'px\' 1163 }); 1164 break; 1165 case \'bottomoutside\': 1166 n.css({ 1167 left: 1168 \'0px\', 1169 top: \'100%\', 1170 \'margin-top\': this.options.textpositionmarginstatic + \'px\' 1171 }); 1172 break 1173 } 1174 } else { 1175 n.html("<div class=\'html5zoo-text-holding-" + this.id + "\' style=\'visibility:hidden;" + this.options.textcss + "\'><div class=\'html5zoo-text-bg-" + this.id + "\'></div><div class=\'html5zoo-title-" + this.id + "\'></div><div class=\'html5zoo-description-" + this.id + "\'></div></div><div class=\'html5zoo-text-" + this.id + "\' style=\'position:absolute;top:0%;left:0%;" + (ASPlatforms.isIE678() ? "opacity:inherit;filter:inherit;" : "") + "\'><div class=\'html5zoo-text-bg-" + this.id + "\'></div><div class=\'html5zoo-title-" + this.id + "\'></div><div class=\'html5zoo-description-" + this.id + "\'></div></div>"); 1176 n.css({ 1177 display: \'none\', 1178 overflow: \'hidden\', 1179 position: \'absolute\' 1180 }) 1181 } 1182 $("head").append("<style type=\'text/css\'>.html5zoo-text-" + this.id + " {" + this.options.textcss + "} .html5zoo-text-bg-" + this.id + " {" + this.options.textbgcss + "} .html5zoo-title-" + this.id + " {" + this.options.titlecss + "} .html5zoo-description-" + this.id + " {" + this.options.descriptioncss + "} </style>"); 1183 this.container.bind(\'html5zoo.switchtext\', 1184 function (f, g, h) { 1185 var i = $(".html5zoo-text-wrapper-" + m.id, m.container); 1186 var j = $(".html5zoo-text-bg-" + m.id, m.container); 1187 var k = $(".html5zoo-title-" + m.id, m.container); 1188 var l = $(".html5zoo-description-" + m.id, m.container); 1189 if (m.options.textstyle == \'static\') { 1190 k.html(m.elemArray[h][ELEM_TITLE]); 1191 l.html(m.elemArray[h][ELEM_DESCRIPTION]); 1192 if (!m.elemArray[h][ELEM_TITLE] && !m.elemArray[h][ELEM_DESCRIPTION]) j.hide(); 1193 else j.show() 1194 } else if (m.options.textstyle == \'dynamic\') { 1195 if (!m.elemArray[h][ELEM_TITLE] && !m.elemArray[h][ELEM_DESCRIPTION]) i.fadeOut(); 1196 else { 1197 i.fadeOut(function () { 1198 var a = \'bottomleft\'; 1199 var b = m.options.textpositiondynamic; 1200 if (b) { 1201 b = b.split(","); 1202 a = b[Math.floor(Math.random() * b.length)]; 1203 a = $.trim(a.toLowerCase()) 1204 } 1205 switch (a) { 1206 case \'topleft\': 1207 i.css({ 1208 left: 1209 \'0px\', 1210 right: \'\', 1211 top: \'0px\', 1212 bottom: \'\' 1213 }); 1214 i.css({ 1215 margin: m.options.textpositionmargintop + \'px \' + m.options.textpositionmarginleft + \'px\' 1216 }); 1217 break; 1218 case \'topright\': 1219 i.css({ 1220 left: 1221 \'\', 1222 right: \'0px\', 1223 top: \'0px\', 1224 bottom: \'\' 1225 }); 1226 i.css({ 1227 margin: m.options.textpositionmargintop + \'px \' + m.options.textpositionmarginright + \'px\' 1228 }); 1229 break; 1230 case \'bottomleft\': 1231 i.css({ 1232 left: 1233 \'0px\', 1234 right: \'\', 1235 top: \'\', 1236 bottom: \'0px\' 1237 }); 1238 i.css({ 1239 margin: m.options.textpositionmarginbottom + \'px \' + m.options.textpositionmarginleft + \'px\' 1240 }); 1241 break; 1242 case \'bottomright\': 1243 i.css({ 1244 left: 1245 \'\', 1246 right: \'0px\', 1247 top: \'\', 1248 bottom: \'0px\' 1249 }); 1250 i.css({ 1251 margin: m.options.textpositionmarginbottom + \'px \' + m.options.textpositionmarginright + \'px\' 1252 }); 1253 break 1254 } 1255 k.html(m.elemArray[h][ELEM_TITLE]); 1256 l.html(m.elemArray[h][ELEM_DESCRIPTION]); 1257 var c = null; 1258 var d = m.options.texteffect; 1259 if (d) { 1260 d = d.split(","); 1261 c = d[Math.floor(Math.random() * d.length)]; 1262 c = $.trim(c.toLowerCase()) 1263 } 1264 var e = $(".html5zoo-text-" + m.id, m.container); 1265 switch (c) { 1266 case \'fade\': 1267 e.hide(); 1268 i.show(); 1269 e.delay(500).fadeIn(m.options.texteffectduration); 1270 break; 1271 case \'slide\': 1272 e.css({ 1273 left: 1274 \'-100%\', 1275 opacity: 0, 1276 display: \'block\' 1277 }); 1278 i.show(); 1279 e.delay(500).animate({ 1280 left: \'0%\', 1281 opacity: 1 1282 }, 1283 m.options.texteffectduration, m.options.texteffecteasing); 1284 break; 1285 default: 1286 e.delay(500).show() 1287 } 1288 }) 1289 } 1290 } 1291 }) 1292 }, 1293 createStyle: function () { 1294 $(".html5zoo-space-" + this.id, this.container).html("<img style=\'width:100%;max-width:100%;\' src=\'" + this.elemArray[0][ELEM_SRC] + "\' />"); 1295 if (this.options.isresponsive) this.container.css({ 1296 "max-width": this.options.width, 1297 "max-height": this.options.height 1298 }); 1299 else this.container.css({ 1300 "width": this.options.width, 1301 "height": this.options.height 1302 }); 1303 var a = ".html5zoo-wrapper-" + this.id + " {display:block;position:relative;width:100%;height:auto;}"; 1304 a += ".html5zoo-slider-" + this.id + " {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;"; 1305 if (this.options.border > 0) a += "margin-left:-" + this.options.border + "px;border-width:" + this.options.border + "px;border-style:solid;border-color:" + this.options.bordercolor + ";"; 1306 if (this.options.borderradius > 0) a += "border-radius:" + this.options.borderradius + "px;-moz-border-radius:" + this.options.borderradius + "px;-webkit-border-radius:" + this.options.borderradius + "px;"; 1307 if (this.options.showshadow) { 1308 var b = "0px 0px " + this.options.shadowsize + "px " + this.options.shadowcolor; 1309 a += "box-shadow:" + b + ";-moz-box-shadow:" + b + ";-webkit-box-shadow:" + b + ";"; 1310 if (ASPlatforms.isIE678() || ASPlatforms.isIE9) { 1311 a += "filter:progid:DXImageTransform.Microsoft.Shadow(color=" + this.options.shadowcolor + ",direction=135,strength=" + this.options.shadowsize + ");" 1312 } 1313 } 1314 a += "}"; 1315 a += ".html5zoo-box-" + this.id + " {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}"; 1316 a += ".html5zoo-swipe-box-" + this.id + " {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;}"; 1317 a += ".html5zoo-space-" + this.id + " {display:block;position:relative;left:0px;top:0px;width:100%;height:auto;visibility:hidden;line-height:0px;font-size:0px;}"; 1318 a += ".html5zoo-img-box-" + this.id + " {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;}"; 1319 a += ".html5zoo-play-" + this.id + " {display:none;position:absolute;left:50%;top:50%;cursor:pointer;width:" + this.options.playvideoimagewidth + "px;height:" + this.options.playvideoimageheight + "px;margin-top:-" + Math.round(this.options.playvideoimageheight / 2) + "px;margin-left:" + \'-\' + Math.round(this.options.playvideoimagewidth / 2) + "px; background:url(\'" + this.options.skinsfolder + this.options.playvideoimage + "\') no-repeat left top;}"; 1320 a += ".html5zoo-video-wrapper-" + this.id + " {display:none;position:absolute;left:0px;top:0px;background-color:#000;text-align:center;}"; 1321 a += ".html5zoo-error-" + this.id + " {display:block;position:relative;margin:0 auto;width:80%;top:50%;color:#fff;font:16px Arial,Tahoma,Helvetica,sans-serif;}"; 1322 if (this.options.showwatermark) { 1323 if (((this.options.watermarkstyle == \'text\') && (this.options.watermarktext.length > 0)) || ((this.options.watermarkstyle == \'image\') && (this.options.watermarkimage.length > 0))) { 1324 a += ".html5zoo-watermark-" + this.id + " {" + this.options.watermarkpositioncss; 1325 if ((this.options.watermarkstyle == \'text\') && (this.options.watermarktext.length > 0)) a += this.options.watermarktextcss; 1326 if (this.options.watermarklink) a += "cursor:pointer;"; 1327 a += "}" 1328 } 1329 } 1330 if (this.options.showribbon) { 1331 a += ".html5zoo-ribbon-" + this.id + " {display:block;position:absolute;"; 1332 switch (this.options.ribbonposition) { 1333 case \'topleft\': 1334 a += "left:" + this.options.ribbonimagex + "px;top:" + this.options.ribbonimagey + "px;"; 1335 break; 1336 case \'topright\': 1337 a += "right:" + this.options.ribbonimagex + "px;top:" + this.options.ribbonimagey + "px;"; 1338 break; 1339 case \'bottomleft\': 1340 a += "left:" + this.options.ribbonimagex + "px;bottom:" + this.options.ribbonimagey + "px;"; 1341 break; 1342 case \'bottomright\': 1343 a += "right:" + this.options.ribbonimagex + "px;bottom:" + this.options.ribbonimagey + "px;"; 1344 break; 1345 case \'top\': 1346 a += "width:100%;height:auto;margin:0 auto;top:" + this.options.ribbonimagey + "px;"; 1347 case \'bottom\': 1348 a += "width:100%;height:auto;text-align:center;bottom:" + this.options.ribbonimagey + "px;" 1349 } 1350 a += "}" 1351 } 1352 a += ".html5zoo-video-wrapper-" + this.id + " video {max-width:100%;height:auto;}"; 1353 a += ".html5zoo-video-wrapper-" + this.id + " iframe, .html5zoo-video-wrapper-" + this.id + " object, .html5zoo-video-wrapper-" + this.id + " embed {position:absolute;top:0;left:0;width:100%;height:100%;}"; 1354 if ((this.options.navstyle == "thumbnails") && (this.options.navthumbstyle != \'imageonly\')) { 1355 a += ".html5zoo-nav-thumbnail-tite-" + this.id + " {" + this.options.navthumbtitlecss + "}"; 1356 a += ".html5zoo-nav-thumbnail-tite-" + this.id + ":hover {" + this.options.navthumbtitlehovercss + "}"; 1357 if (this.options.navthumbstyle == \'imageandtitledescription\') a += ".html5zoo-nav-thumbnail-description-" + this.id + " {" + this.options.navthumbdescriptioncss + "}" 1358 } 1359 $("head").append("<style type=\'text/css\'>" + a + "</style>") 1360 }, 1361 createBottomShadow: function () { 1362 if (!this.options.showbottomshadow) return; 1363 var a = $(".html5zoo-bottom-shadow-" + this.id, this.container); 1364 var l = (100 - this.options.bottomshadowimagewidth) / 2; 1365 a.css({ 1366 display: \'block\', 1367 position: \'absolute\', 1368 left: l + \'%\', 1369 top: this.options.bottomshadowimagetop + \'%\', 1370 width: this.options.bottomshadowimagewidth + \'%\', 1371 height: \'auto\' 1372 }); 1373 a.html("<img src=\'" + this.options.skinsfolder + this.options.bottomshadowimage + "\' style=\'display:block;position:relative;width:100%;height:auto;\' />") 1374 }, 1375 createBackgroundImage: function () { 1376 if (!this.options.showbackgroundimage || !this.options.backgroundimage) return; 1377 var a = $(".html5zoo-background-image-" + this.id, this.container); 1378 var l = (100 - this.options.backgroundimagewidth) / 2; 1379 a.css({ 1380 display: \'block\', 1381 position: \'absolute\', 1382 left: l + \'%\', 1383 top: this.options.backgroundimagetop + \'%\', 1384 width: this.options.backgroundimagewidth + \'%\', 1385 height: \'auto\' 1386 }); 1387 a.html("<img src=\'" + this.options.skinsfolder + this.options.backgroundimage + "\' style=\'display:block;position:relative;width:100%;height:auto;\' />") 1388 }, 1389 createArrows: function () { 1390 if (this.options.arrowstyle == \'none\') return; 1391 var a = this; 1392 var b = $(".html5zoo-arrow-left-" + this.id, this.container); 1393 var c = $(".html5zoo-arrow-right-" + this.id, this.container); 1394 b.css({ 1395 overflow: \'hidden\', 1396 position: \'absolute\', 1397 cursor: \'pointer\', 1398 width: this.options.arrowwidth + \'px\', 1399 height: this.options.arrowheight + \'px\', 1400 left: this.options.arrowmargin + \'px\', 1401 top: this.options.arrowtop + \'%\', 1402 \'margin-top\': \'-\' + this.options.arrowheight / 2 + \'px\', 1403 background: "url(\'" + this.options.skinsfolder + this.options.arrowimage + "\') no-repeat left top" 1404 }); 1405 if (ASPlatforms.isIE678()) b.css({ 1406 opacity: \'inherit\', 1407 filter: \'inherit\' 1408 }); 1409 b.hover(function () { 1410 $(this).css({ 1411 \'background-position\': \'left bottom\' 1412 }) 1413 }, 1414 function () { 1415 $(this).css({ 1416 \'background-position\': \'left top\' 1417 }) 1418 }); 1419 b.click(function () { 1420 a.slideRun(-2) 1421 }); 1422 c.css({ 1423 overflow: \'hidden\', 1424 position: \'absolute\', 1425 cursor: \'pointer\', 1426 width: this.options.arrowwidth + \'px\', 1427 height: this.options.arrowheight + \'px\', 1428 right: this.options.arrowmargin + \'px\', 1429 top: this.options.arrowtop + \'%\', 1430 \'margin-top\': \'-\' + this.options.arrowheight / 2 + \'px\', 1431 background: "url(\'" + this.options.skinsfolder + this.options.arrowimage + "\') no-repeat right top" 1432 }); 1433 if (ASPlatforms.isIE678()) c.css({ 1434 opacity: \'inherit\', 1435 filter: \'inherit\' 1436 }); 1437 c.hover(function () { 1438 $(this).css({ 1439 \'background-position\': \'right bottom\' 1440 }) 1441 }, 1442 function () { 1443 $(this).css({ 1444 \'background-position\': \'right top\' 1445 }) 1446 }); 1447 c.click(function () { 1448 a.slideRun(-1) 1449 }); 1450 if (this.options.arrowstyle == \'always\') { 1451 b.css({ 1452 display: \'block\' 1453 }); 1454 c.css({ 1455 display: \'block\' 1456 }) 1457 } else { 1458 b.css({ 1459 display: \'none\' 1460 }); 1461 c.css({ 1462 display: \'none\' 1463 }); 1464 $(".html5zoo-slider-" + this.id, this.container).hover(function () { 1465 clearTimeout(a.arrowTimeout); 1466 if (ASPlatforms.isIE678()) { 1467 $(".html5zoo-arrow-left-" + a.id, a.container).show(); 1468 $(".html5zoo-arrow-right-" + a.id, a.container).show() 1469 } else { 1470 $(".html5zoo-arrow-left-" + a.id, a.container).fadeIn(); 1471 $(".html5zoo-arrow-right-" + a.id, a.container).fadeIn() 1472 } 1473 }, 1474 function () { 1475 a.arrowTimeout = setTimeout(function () { 1476 if (ASPlatforms.isIE678()) { 1477 $(".html5zoo-arrow-left-" + a.id, a.container).hide(); 1478 $(".html5zoo-arrow-right-" + a.id, a.container).hide() 1479 } else { 1480 $(".html5zoo-arrow-left-" + a.id, a.container).fadeOut(); 1481 $(".html5zoo-arrow-right-" + a.id, a.container).fadeOut() 1482 } 1483 }, 1484 a.options.arrowhideonmouseleave) 1485 }) 1486 } 1487 }, 1488 carMoveLeft: function () { 1489 var a = $(".html5zoo-nav-container-" + this.id, this.container); 1490 var b = $(".html5zoo-bullet-wrapper-" + this.id, this.container); 1491 if (a.width() >= b.width()) return; 1492 if (this.options.navshowpreview) $(".html5zoo-nav-preview-" + this.id, this.container).hide(); 1493 var c = a.width() + this.options.navspacing; 1494 var l = (isNaN(parseInt(b.css("margin-left"))) ? 0 : parseInt(b.css("margin-left"))) - c; 1495 if (l <= (a.width() - b.width())) l = (a.width() - b.width()); 1496 if (l >= 0) l = 0; 1497 b.animate({ 1498 "margin-left": l 1499 }, 1500 { 1501 queue: false, 1502 duration: 500, 1503 easing: "easeOutCirc" 1504 }); 1505 if (this.options.navthumbnavigationstyle != \'auto\') this.updateCarouselLeftRightArrow(l) 1506 }, 1507 carMoveRight: function () { 1508 var a = $(".html5zoo-nav-container-" + this.id, this.container); 1509 var b = $(".html5zoo-bullet-wrapper-" + this.id, this.container); 1510 if (a.width() >= b.width()) return; 1511 if (this.options.navshowpreview) $(".html5zoo-nav-preview-" + this.id, this.container).hide(); 1512 var c = a.width() + this.options.navspacing; 1513 var l = (isNaN(parseInt(b.css("margin-left"))) ? 0 : parseInt(b.css("margin-left"))) + c; 1514 if (l <= (a.width() - b.width())) l = (a.width() - b.width()); 1515 if (l >= 0) l = 0; 1516 b.animate({ 1517 "margin-left": l 1518 }, 1519 { 1520 queue: false, 1521 duration: 500, 1522 easing: "easeOutCirc" 1523 }); 1524 if (this.options.navthumbnavigationstyle != \'auto\') this.updateCarouselLeftRightArrow(l) 1525 }, 1526 carMoveBottom: function () { 1527 var a = $(".html5zoo-nav-container-" + this.id, this.container); 1528 var b = $(".html5zoo-bullet-wrapper-" + this.id, this.container); 1529 if (a.height() >= b.height()) return; 1530 if (this.options.navshowpreview) $(".html5zoo-nav-preview-" + this.id, this.container).hide(); 1531 var c = a.height() + this.options.navspacing; 1532 var l = (isNaN(parseInt(b.css("margin-top"))) ? 0 : parseInt(b.css("margin-top"))) + c; 1533 if (l <= (a.height() - b.height())) l = (a.height() - b.height()); 1534 if (l >= 0) l = 0; 1535 b.animate({ 1536 "margin-top": l 1537 }, 1538 { 1539 queue: false, 1540 duration: 500, 1541 easing: "easeOutCirc" 1542 }); 1543 if (this.options.navthumbnavigationstyle != \'auto\') this.updateCarouselLeftRightArrow(l) 1544 }, 1545 carMoveTop: function () { 1546 var a = $(".html5zoo-nav-container-" + this.id, this.container); 1547 var b = $(".html5zoo-bullet-wrapper-" + this.id, this.container); 1548 if (a.height() >= b.height()) return; 1549 if (this.options.navshowpreview) $(".html5zoo-nav-preview-" + this.id, this.container).hide(); 1550 var c = a.height() + this.options.navspacing; 1551 var l = (isNaN(parseInt(b.css("margin-top"))) ? 0 : parseInt(b.css("margin-top"))) - c; 1552 if (l <= (a.height() - b.height())) l = (a.height() - b.height()); 1553 if (l >= 0) l = 0; 1554 b.animate({ 1555 "margin-top": l 1556 }, 1557 { 1558 queue: false, 1559 duration: 500, 1560 easing: "easeOutCirc" 1561 }); 1562 if (this.options.navthumbnavigationstyle != \'auto\') this.updateCarouselLeftRightArrow(l) 1563 }, 1564 updateCarouselLeftRightArrow: function (l) { 1565 var a = $(".html5zoo-nav-container-" + this.id, this.container); 1566 var b = $(".html5zoo-bullet-wrapper-" + this.id, this.container); 1567 if (this.options.navdirection == \'vertical\') { 1568 if (l == 0) { 1569 $(".html5zoo-car-left-arrow-" + this.id, this.container).css({ 1570 \'background-position\': \'left bottom\', 1571 cursor: \'\' 1572 }); 1573 $(".html5zoo-car-left-arrow-" + this.id, this.container).data(\'disabled\', true) 1574 } else { 1575 $(".html5zoo-car-left-arrow-" + this.id, this.container).css({ 1576 \'background-position\': \'left top\', 1577 cursor: \'pointer\' 1578 }); 1579 $(".html5zoo-car-left-arrow-" + this.id, this.container).data(\'disabled\', false) 1580 } 1581 if ((l == (a.height() - b.height()))) { 1582 $(".html5zoo-car-right-arrow-" + this.id, this.container).css({ 1583 \'background-position\': \'right bottom\', 1584 cursor: \'\' 1585 }); 1586 $(".html5zoo-car-right-arrow-" + this.id, this.container).data(\'disabled\', true) 1587 } else { 1588 $(".html5zoo-car-right-arrow-" + this.id, this.container).css({ 1589 \'background-position\': \'right top\', 1590 cursor: \'pointer\' 1591 }); 1592 $(".html5zoo-car-right-arrow-" + this.id, this.container).data(\'disabled\', false) 1593 } 1594 } else { 1595 if (l == 0) { 1596 $(".html5zoo-car-left-arrow-" + this.id, this.container).css({ 1597 \'background-position\': \'left bottom\', 1598 cursor: \'\' 1599 }); 1600 $(".html5zoo-car-left-arrow-" + this.id, this.container).data(\'disabled\', true) 1601 } else { 1602 $(".html5zoo-car-left-arrow-" + this.id, this.container).css({ 1603 \'background-position\': \'left top\', 1604 cursor: \'pointer\' 1605 }); 1606 $(".html5zoo-car-left-arrow-" + this.id, this.container).data(\'disabled\', false) 1607 } 1608 if ((l == (a.width() - b.width()))) { 1609 $(".html5zoo-car-right-arrow-" + this.id, this.container).css({ 1610 \'background-position\': \'right bottom\', 1611 cursor: \'\' 1612 }); 1613 $(".html5zoo-car-right-arrow-" + this.id, this.container).data(\'disabled\', true) 1614 } else { 1615 $(".html5zoo-car-right-arrow-" + this.id, this.container).css({ 1616 \'background-position\': \'right top\', 1617 cursor: \'pointer\' 1618 }); 1619 $(".html5zoo-car-right-arrow-" + this.id, this.container).data(\'disabled\', false) 1620 } 1621 } 1622 }, 1623 createNav: function () { 1624 if ((this.options.navstyle == \'none\') && (!this.options.navshowbuttons)) return; 1625 var f = this; 1626 var i; 1627 var g = $(".html5zoo-nav-" + this.id, this.container); 1628 var h = $(".html5zoo-nav-container-" + this.id, this.container); 1629 var j = $("<div class=\'html5zoo-bullet-wrapper-" + this.id + "\' style=\'display:block;position:relative;\'></div>"); 1630 if (this.options.navstyle == \'thumbnails\') { 1631 this.options.navimagewidth = this.options.navwidth - this.options.navborder * 2; 1632 this.options.navimageheight = this.options.navheight - this.options.navborder * 2; 1633 if (this.options.navthumbstyle == \'imageandtitle\') this.options.navheight += this.options.navthumbtitleheight; 1634 else if (this.options.navthumbstyle == \'imageandtitledescription\') this.options.navwidth += this.options.navthumbtitlewidth 1635 } 1636 if (this.options.navdirection == \'vertical\') { 1637 var k = (this.options.navstyle == \'none\') ? 0 : this.elemArray.length * this.options.navheight + (this.elemArray.length - 1) * this.options.navspacing; 1638 if (this.options.navshowbuttons) { 1639 if (this.options.navshowarrow) { 1640 k += (k > 0) ? this.options.navspacing : 0; 1641 k += 2 * this.options.navheight + this.options.navspacing 1642 } 1643 if (this.options.navshowplaypause && !this.options.navshowplaypausestandalone) { 1644 k += (k > 0) ? this.options.navspacing : 0; 1645 k += this.options.navheight 1646 } 1647 } 1648 j.css({ 1649 height: k + "px", 1650 width: "auto" 1651 }) 1652 } else { 1653 var k = (this.options.navstyle == \'none\') ? 0 : this.elemArray.length * this.options.navwidth + (this.elemArray.length - 1) * this.options.navspacing; 1654 if (this.options.navshowbuttons) { 1655 if (this.options.navshowarrow) { 1656 k += (k > 0) ? this.options.navspacing : 0; 1657 k += 2 * this.options.navwidth + this.options.navspacing 1658 } 1659 if (this.options.navshowplaypause && !this.options.navshowplaypausestandalone) { 1660 k += (k > 0) ? this.options.navspacing : 0; 1661 k += this.options.navwidth 1662 } 1663 } 1664 j.css({ 1665 width: k + "px", 1666 height: "auto" 1667 }) 1668 } 1669 h.append(j); 1670 var o = 0; 1671 var q = (this.options.navdirection == \'vertical\') ? this.options.navwidth : this.options.navheight; 1672 if ((this.options.navstyle == \'thumbnails\') && this.options.navshowfeaturedarrow) { 1673 q += (this.options.navdirection == \'vertical\') ? this.options.navfeaturedarrowimagewidth : this.options.navfeaturedarrowimageheight; 1674 o = (this.options.navdirection == \'vertical\') ? this.options.navfeaturedarrowimagewidth : this.options.navfeaturedarrowimageheight 1675 } 1676 var s = (\'navmarginx\' in this.options) ? this.options.navmarginx : this.options.navmargin; 1677 var t = (\'navmarginy\' in this.options) ? this.options.navmarginy : this.options.navmargin; 1678 g.css({ 1679 display: \'block\', 1680 position: \'absolute\', 1681 height: \'auto\' 1682 }); 1683 switch (this.options.navposition) { 1684 case \'top\': 1685 j.css({ 1686 "margin-left": 1687 \'auto\', 1688 "margin-right": \'auto\', 1689 \'height\': q + \'px\' 1690 }); 1691 g.css({ 1692 overflow: \'hidden\', 1693 \'width\': \'100%\', 1694 top: \'0%\', 1695 left: \'0px\', 1696 \'margin-top\': t + \'px\' 1697 }); 1698 break; 1699 case \'topleft\': 1700 j.css({ 1701 \'height\': 1702 q + \'px\' 1703 }); 1704 g.css({ 1705 overflow: \'hidden\', 1706 \'max-width\': \'100%\', 1707 top: \'0px\', 1708 left: \'0px\', 1709 \'margin-top\': t + \'px\', 1710 \'margin-left\': s + \'px\' 1711 }); 1712 break; 1713 case \'topright\': 1714 j.css({ 1715 \'height\': 1716 q + \'px\' 1717 }); 1718 g.css({ 1719 overflow: \'hidden\', 1720 \'max-width\': \'100%\', 1721 top: \'0px\', 1722 right: \'0px\', 1723 \'margin-top\': t + \'px\', 1724 \'margin-right\': s + \'px\' 1725 }); 1726 break; 1727 case \'bottom\': 1728 j.css({ 1729 "margin-left": 1730 \'auto\', 1731 "margin-right": \'auto\', 1732 \'margin-top\': o + \'px\' 1733 }); 1734 g.css({ 1735 overflow: \'hidden\', 1736 \'width\': \'100%\', 1737 top: \'100%\', 1738 left: \'0px\', 1739 \'margin-top\': String(t - o) + \'px\' 1740 }); 1741 break; 1742 case \'bottomleft\': 1743 j.css({ 1744 \'margin-top\': 1745 o + \'px\' 1746 }); 1747 g.css({ 1748 overflow: \'hidden\', 1749 \'max-width\': \'100%\', 1750 bottom: \'0px\', 1751 left: \'0px\', 1752 \'margin-bottom\': t + \'px\', 1753 \'margin-top\': String(t - o) + \'px\', 1754 \'margin-left\': s + \'px\' 1755 }); 1756 break; 1757 case \'bottomright\': 1758 j.css({ 1759 \'margin-top\': 1760 o + \'px\' 1761 }); 1762 g.css({ 1763 overflow: \'hidden\', 1764 \'max-width\': \'100%\', 1765 bottom: \'0px\', 1766 right: \'0px\', 1767 \'margin-bottom\': t + \'px\', 1768 \'margin-top\': String(t - o) + \'px\', 1769 \'margin-right\': s + \'px\' 1770 }); 1771 break; 1772 case \'left\': 1773 j.css({ 1774 \'width\': 1775 q + \'px\' 1776 }); 1777 g.css({ 1778 overflow: \'hidden\', 1779 \'height\': \'100%\', 1780 width: q + \'px\', 1781 top: \'0%\', 1782 left: \'0%\', 1783 \'margin-left\': s + \'px\' 1784 }); 1785 h.css({ 1786 display: \'block\', 1787 position: \'absolute\', 1788 top: \'0px\', 1789 bottom: \'0px\', 1790 left: \'0px\', 1791 right: \'0px\', 1792 height: \'auto\' 1793 }); 1794 break; 1795 case \'right\': 1796 j.css({ 1797 \'margin-left\': 1798 o + \'px\' 1799 }); 1800 g.css({ 1801 overflow: \'hidden\', 1802 \'height\': \'100%\', 1803 width: q + \'px\', 1804 top: \'0%\', 1805 left: \'100%\', 1806 \'margin-left\': String(s - o) + \'px\' 1807 }); 1808 h.css({ 1809 display: \'block\', 1810 position: \'absolute\', 1811 top: \'0px\', 1812 bottom: \'0px\', 1813 left: \'0px\', 1814 right: \'0px\', 1815 height: \'auto\' 1816 }); 1817 break 1818 } 1819 if (this.options.navstyle != \'none\') { 1820 var u; 1821 for (i = 0; i < this.elemArray.length; i++) { 1822 u = this.createNavBullet(i); 1823 j.append(u) 1824 } 1825 g.mouseenter(function () { 1826 f.pauseCarousel = true 1827 }); 1828 g.mouseleave(function () { 1829 f.pauseCarousel = false 1830 }); 1831 if (f.options.navthumbnavigationstyle == \'auto\') { 1832 g.mousemove(function (e) { 1833 if (f.options.navdirection == \'vertical\') { 1834 if (g.height() >= j.height()) return; 1835 var d = e.pageY - g.offset().top; 1836 if (d < 10) d = 0; 1837 if (d > g.height() - 10) d = g.height(); 1838 var r = d / g.height(); 1839 var l = (g.height() - j.height()) * r; 1840 j.animate({ 1841 "margin-top": l 1842 }, 1843 { 1844 queue: false, 1845 duration: 20, 1846 easing: "easeOutCubic" 1847 }) 1848 } else { 1849 if (g.width() >= j.width()) return; 1850 var d = e.pageX - g.offset().left; 1851 if (d < 10) d = 0; 1852 if (d > g.width() - 10) d = g.width(); 1853 var r = d / g.width(); 1854 var l = (g.width() - j.width()) * r; 1855 j.animate({ 1856 "margin-left": l 1857 }, 1858 { 1859 queue: false, 1860 duration: 20, 1861 easing: "easeOutCubic" 1862 }) 1863 } 1864 }) 1865 } else { 1866 if (((f.options.navdirection == \'vertical\') && (j.height() > h.height())) || ((f.options.navdirection == \'horizontal\') && (j.width() > h.width()))) { 1867 var m = f.options.navthumbnavigationarrowimagewidth + f.options.navspacing; 1868 if (f.options.navdirection == "horizontal") { 1869 var n = Math.floor(((g.width() - 2 * m) + f.options.navspacing) / (f.options.navwidth + f.options.navspacing)); 1870 m = Math.floor((g.width() - n * f.options.navwidth - (n - 1) * f.options.navspacing) / 2) 1871 } 1872 if (f.options.navdirection == \'vertical\') h.css({ 1873 \'margin-top\': m + \'px\', 1874 \'margin-bottom\': m + \'px\', 1875 overflow: \'hidden\' 1876 }); 1877 else h.css({ 1878 \'margin-left\': m + \'px\', 1879 \'margin-right\': m + \'px\', 1880 overflow: \'hidden\' 1881 }); 1882 var v = $("<div class=\'html5zoo-car-left-arrow-" + f.id + "\' style=\'display:none;\'></div>"); 1883 var w = $("<div class=\'html5zoo-car-right-arrow-" + f.id + "\' style=\'display:none;\'></div>"); 1884 g.append(v); 1885 g.append(w); 1886 v.css({ 1887 overflow: \'hidden\', 1888 position: \'absolute\', 1889 cursor: \'pointer\', 1890 width: f.options.navthumbnavigationarrowimagewidth + \'px\', 1891 height: f.options.navthumbnavigationarrowimageheight + \'px\', 1892 background: "url(\'" + f.options.skinsfolder + f.options.navthumbnavigationarrowimage + "\') no-repeat left top" 1893 }); 1894 w.css({ 1895 overflow: \'hidden\', 1896 position: \'absolute\', 1897 cursor: \'pointer\', 1898 width: f.options.navthumbnavigationarrowimagewidth + \'px\', 1899 height: f.options.navthumbnavigationarrowimageheight + \'px\', 1900 background: "url(\'" + f.options.skinsfolder + f.options.navthumbnavigationarrowimage + "\') no-repeat right top" 1901 }); 1902 var p = (f.options.navdirection == \'vertical\') ? (f.options.navwidth / 2 - f.options.navthumbnavigationarrowimagewidth / 2) : (f.options.navheight / 2 - f.options.navthumbnavigationarrowimageheight / 2); 1903 if ((f.options.navposition == \'bottomleft\') || (f.options.navposition == \'bottomright\') || (f.options.navposition == \'bottom\') || (f.options.navposition == \'right\')) p += o; 1904 if (f.options.navdirection == \'vertical\') { 1905 v.css({ 1906 top: \'0px\', 1907 left: \'0px\', 1908 \'margin-left\': p + \'px\' 1909 }); 1910 w.css({ 1911 bottom: \'0px\', 1912 left: \'0px\', 1913 \'margin-left\': p + \'px\' 1914 }) 1915 } else { 1916 v.css({ 1917 left: \'0px\', 1918 top: \'0px\', 1919 \'margin-top\': p + \'px\' 1920 }); 1921 w.css({ 1922 right: \'0px\', 1923 top: \'0px\', 1924 \'margin-top\': p + \'px\' 1925 }) 1926 } 1927 if (ASPlatforms.isIE678()) v.css({ 1928 opacity: \'inherit\', 1929 filter: \'inherit\' 1930 }); 1931 v.hover(function () { 1932 if (!$(this).data(\'disabled\')) $(this).css({ 1933 \'background-position\': \'left center\' 1934 }) 1935 }, 1936 function () { 1937 if (!$(this).data(\'disabled\')) $(this).css({ 1938 \'background-position\': \'left top\' 1939 }) 1940 }); 1941 v.click(function () { 1942 if (f.options.navdirection == \'vertical\') f.carMoveBottom(); 1943 else f.carMoveRight() 1944 }); 1945 if (ASPlatforms.isIE678()) w.css({ 1946 opacity: \'inherit\', 1947 filter: \'inherit\' 1948 }); 1949 w.hover(function () { 1950 if (!$(this).data(\'disabled\')) $(this).css({ 1951 \'background-position\': \'right center\' 1952 }) 1953 }, 1954 function () { 1955 if (!$(this).data(\'disabled\')) $(this).css({ 1956 \'background-position\': \'right top\' 1957 }) 1958 }); 1959 w.click(function () { 1960 if (f.options.navdirection == \'vertical\') f.carMoveTop(); 1961 else f.carMoveLeft() 1962 }); 1963 v.css({ 1964 display: \'block\', 1965 \'background-position\': \'left bottom\', 1966 cursor: \'\' 1967 }); 1968 v.data(\'disabled\', true); 1969 w.css({ 1970 display: \'block\' 1971 }) 1972 } 1973 } 1974 if (f.options.navdirection == \'vertical\') { 1975 g.touchSwipe({ 1976 swipeTop: function (a) { 1977 f.carMoveTop() 1978 }, 1979 swipeBottom: function () { 1980 f.carMoveBottom() 1981 } 1982 }) 1983 } else { 1984 g.touchSwipe({ 1985 swipeLeft: function (a) { 1986 f.carMoveLeft() 1987 }, 1988 swipeRight: function () { 1989 f.carMoveRight() 1990 } 1991 }) 1992 } 1993 this.container.bind(\'html5zoo.switch\', 1994 function (a, b, c) { 1995 $(".html5zoo-bullet-" + f.id + "-" + b, f.container)["bulletNormal" + f.id](); 1996 $(".html5zoo-bullet-" + f.id + "-" + c, f.container)["bulletSelected" + f.id]() 1997 }); 1998 if (this.options.navshowpreview) { 1999 var x = $("<div class=\'html5zoo-nav-preview-" + this.id + "\' style=\'display:none;position:absolute;width:" + this.options.navpreviewwidth + "px;height:" + this.options.navpreviewheight + "px;background-color:" + this.options.navpreviewbordercolor + ";padding:" + f.options.navpreviewborder + "px;\'></div>"); 2000 var y = $("<div class=\'html5zoo-nav-preview-arrow-" + this.id + "\' style=\'display:block;position:absolute;width:" + this.options.navpreviewarrowwidth + "px;height:" + this.options.navpreviewarrowheight + "px;background:url(\"" + this.options.skinsfolder + this.options.navpreviewarrowimage + "\") no-repeat center center;\' ></div>"); 2001 switch (this.options.navpreviewposition) { 2002 case \'bottom\': 2003 y.css({ 2004 left: 2005 \'50%\', 2006 bottom: \'100%\', 2007 \'margin-left\': \'-\' + Math.round(this.options.navpreviewarrowwidth / 2) + \'px\' 2008 }); 2009 break; 2010 case \'top\': 2011 y.css({ 2012 left: 2013 \'50%\', 2014 top: \'100%\', 2015 \'margin-left\': \'-\' + Math.round(this.options.navpreviewarrowwidth / 2) + \'px\' 2016 }); 2017 break; 2018 case \'left\': 2019 y.css({ 2020 top: 2021 \'50%\', 2022 left: \'100%\', 2023 \'margin-top\': \'-\' + Math.round(this.options.navpreviewarrowheight / 2) + \'px\' 2024 }); 2025 break; 2026 case \'right\': 2027 y.css({ 2028 top: 2029 \'50%\', 2030 right: \'100%\', 2031 \'margin-top\': \'-\' + Math.round(this.options.navpreviewarrowheight / 2) + \'px\' 2032 }); 2033 break 2034 } 2035 var z = $("<div class=\'html5zoo-nav-preview-images-" + this.id + "\' style=\'display:block;position:relative;width:100%;height:100%;overflow:hidden;\' />"); 2036 x.append(y); 2037 x.append(z); 2038 if (this.options.navshowplayvideo) { 2039 var A = $("<div class=\'html5zoo-nav-preview-play-" + this.id + "\' style=\'display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url(\"" + this.options.skinsfolder + this.options.navplayvideoimage + "\") no-repeat center center;\' ></div>"); 2040 x.append(A) 2041 } 2042 $(".html5zoo-wrapper-" + this.id, this.container).append(x) 2043 } 2044 if (this.options.navshowfeaturedarrow) { 2045 j.append("<div class=\'html5zoo-nav-featuredarrow-" + this.id + "\' style=\'display:none;position:absolute;width:" + this.options.navfeaturedarrowimagewidth + "px;height:" + this.options.navfeaturedarrowimageheight + "px;background:url(\"" + this.options.skinsfolder + this.options.navfeaturedarrowimage + "\") no-repeat center center;\'></div>") 2046 } 2047 } 2048 if (this.options.navshowbuttons) { 2049 var B = (this.options.navdirection == \'vertical\') ? \'top\' : \'left\'; 2050 var C = (this.options.navstyle == \'none\') ? 0 : this.options.navspacing; 2051 if (this.options.navshowarrow) { 2052 var D = $("<div class=\'html5zoo-nav-left-" + this.id + "\' style=\'position:relative;float:" + B + ";margin-" + B + ":" + C + "px;width:" + this.options.navwidth + "px;height:" + this.options.navheight + "px;cursor:pointer;\'></div>"); 2053 j.append(D); 2054 if (this.options.navbuttonradius) D.css(ASPlatforms.applyBrowserStyles({ 2055 \'border-radius\': this.options.navbuttonradius + \'px\' 2056 })); 2057 if (this.options.navbuttoncolor) D.css({ 2058 \'background-color\': this.options.navbuttoncolor 2059 }); 2060 if (this.options.navarrowimage) D.css({ 2061 \'background-image\': "url(\'" + this.options.skinsfolder + this.options.navarrowimage + "\')", 2062 \'background-repeat\': \'no-repeat\', 2063 \'background-position\': \'left top\' 2064 }); 2065 D.hover(function () { 2066 if (f.options.navbuttonhighlightcolor) $(this).css({ 2067 \'background-color\': f.options.navbuttonhighlightcolor 2068 }); 2069 if (f.options.navarrowimage) $(this).css({ 2070 \'background-position\': \'left bottom\' 2071 }) 2072 }, 2073 function () { 2074 if (f.options.navbuttoncolor) $(this).css({ 2075 \'background-color\': f.options.navbuttoncolor 2076 }); 2077 if (f.options.navarrowimage) $(this).css({ 2078 \'background-position\': \'left top\' 2079 }) 2080 }); 2081 D.click(function () { 2082 f.slideRun(-2) 2083 }); 2084 C = this.options.navspacing 2085 } 2086 if (this.options.navshowplaypause) { 2087 var E, $navPause; 2088 if (this.options.navshowplaypausestandalone) { 2089 E = $("<div class=\'html5zoo-nav-play-" + this.id + "\' style=\'position:absolute;width:" + this.options.navshowplaypausestandalonewidth + "px;height:" + this.options.navshowplaypausestandaloneheight + "px;\'></div>"); 2090 this.$wrapper.append(E); 2091 $navPause = $("<div class=\'html5zoo-nav-pause-" + this.id + "\' style=\'position:absolute;width:" + this.options.navshowplaypausestandalonewidth + "px;height:" + this.options.navshowplaypausestandaloneheight + "px;\'></div>"); 2092 this.$wrapper.append($navPause); 2093 switch (this.options.navshowplaypausestandaloneposition) { 2094 case \'topleft\': 2095 E.css({ 2096 top: 2097 0, 2098 left: 0, 2099 \'margin-left\': this.options.navshowplaypausestandalonemarginx + \'px\', 2100 \'margin-top\': this.options.navshowplaypausestandalonemarginy + \'px\' 2101 }); 2102 $navPause.css({ 2103 top: 0, 2104 left: 0, 2105 \'margin-left\': this.options.navshowplaypausestandalonemarginx + \'px\', 2106 \'margin-top\': this.options.navshowplaypausestandalonemarginy + \'px\' 2107 }); 2108 break; 2109 case \'topright\': 2110 E.css({ 2111 top: 2112 0, 2113 right: 0, 2114 \'margin-right\': this.options.navshowplaypausestandalonemarginx + \'px\', 2115 \'margin-top\': this.options.navshowplaypausestandalonemarginy + \'px\' 2116 }); 2117 $navPause.css({ 2118 top: 0, 2119 right: 0, 2120 \'margin-right\': this.options.navshowplaypausestandalonemarginx + \'px\', 2121 \'margin-top\': this.options.navshowplaypausestandalonemarginy + \'px\' 2122 }); 2123 break; 2124 case \'bottomleft\': 2125 E.css({ 2126 bottom: 2127 0, 2128 left: 0, 2129 \'margin-left\': this.options.navshowplaypausestandalonemarginx + \'px\', 2130 \'margin-bottom\': this.options.navshowplaypausestandalonemarginy + \'px\' 2131 }); 2132 $navPause.css({ 2133 bottom: 0, 2134 left: 0, 2135 \'margin-left\': this.options.navshowplaypausestandalonemarginx + \'px\', 2136 \'margin-bottom\': this.options.navshowplaypausestandalonemarginy + \'px\' 2137 }); 2138 break; 2139 case \'bottomright\': 2140 E.css({ 2141 bottom: 2142 0, 2143 right: 0, 2144 \'margin-right\': this.options.navshowplaypausestandalonemarginx + \'px\', 2145 \'margin-bottom\': this.options.navshowplaypausestandalonemarginy + \'px\' 2146 }); 2147 $navPause.css({ 2148 bottom: 0, 2149 right: 0, 2150 \'margin-right\': this.options.navshowplaypausestandalonemarginx + \'px\', 2151 \'margin-bottom\': this.options.navshowplaypausestandalonemarginy + \'px\' 2152 }); 2153 break; 2154 case \'center\': 2155 E.css({ 2156 top: 2157 \'50%\', 2158 left: \'50%\', 2159 \'margin-left\': \'-\' + Math.round(this.options.navshowplaypausestandalonewidth / 2) + \'px\', 2160 \'margin-top\': \'-\' + Math.round(this.options.navshowplaypausestandaloneheight / 2) + \'px\' 2161 }); 2162 $navPause.css({ 2163 top: \'50%\', 2164 left: \'50%\', 2165 \'margin-left\': \'-\' + Math.round(this.options.navshowplaypausestandalonewidth / 2) + \'px\', 2166 \'margin-top\': \'-\' + Math.round(this.options.navshowplaypausestandaloneheight / 2) + \'px\' 2167 }); 2168 break 2169 } 2170 } else { 2171 E = $("<div class=\'html5zoo-nav-play-" + this.id + "\' style=\'position:relative;float:" + B + ";margin-" + B + ":" + C + "px;width:" + this.options.navwidth + "px;height:" + this.options.navheight + "px;cursor:pointer;\'></div>"); 2172 j.append(E); 2173 $navPause = $("<div class=\'html5zoo-nav-pause-" + this.id + "\' style=\'position:relative;float:" + B + ";margin-" + B + ":" + C + "px;width:" + this.options.navwidth + "px;height:" + this.options.navheight + "px;cursor:pointer;\'></div>"); 2174 j.append($navPause) 2175 } 2176 if (this.options.navbuttonradius) E.css(ASPlatforms.applyBrowserStyles({ 2177 \'border-radius\': this.options.navbuttonradius + \'px\' 2178 })); 2179 if (this.options.navbuttoncolor) E.css({ 2180 \'background-color\': this.options.navbuttoncolor 2181 }); 2182 if (this.options.navarrowimage) E.css({ 2183 \'background-image\': "url(\'" + this.options.skinsfolder + this.options.navplaypauseimage + "\')", 2184 \'background-repeat\': \'no-repeat\', 2185 \'background-position\': \'left top\' 2186 }); 2187 E.hover(function () { 2188 if (f.options.navbuttonhighlightcolor) $(this).css({ 2189 \'background-color\': f.options.navbuttonhighlightcolor 2190 }); 2191 if (f.options.navarrowimage) $(this).css({ 2192 \'background-position\': \'left bottom\' 2193 }) 2194 }, 2195 function () { 2196 if (f.options.navbuttoncolor) $(this).css({ 2197 \'background-color\': f.options.navbuttoncolor 2198 }); 2199 if (f.options.navarrowimage) $(this).css({ 2200 \'background-position\': \'left top\' 2201 }) 2202 }); 2203 E.click(function () { 2204 f.isPaused = false; 2205 f.loopCount = 0; 2206 if (!f.tempPaused) f.sliderTimeout.start(); 2207 $(this).css({ 2208 display: \'none\' 2209 }); 2210 $(".html5zoo-nav-pause-" + f.id, f.container).css({ 2211 display: \'block\' 2212 }) 2213 }); 2214 if (this.options.navbuttonradius) $navPause.css(ASPlatforms.applyBrowserStyles({ 2215 \'border-radius\': this.options.navbuttonradius + \'px\' 2216 })); 2217 if (this.options.navbuttoncolor) $navPause.css({ 2218 \'background-color\': this.options.navbuttoncolor 2219 }); 2220 if (this.options.navarrowimage) $navPause.css({ 2221 \'background-image\': "url(\'" + this.options.skinsfolder + this.options.navplaypauseimage + "\')", 2222 \'background-repeat\': \'no-repeat\', 2223 \'background-position\': \'right top\' 2224 }); 2225 $navPause.hover(function () { 2226 if (f.options.navbuttonhighlightcolor) $(this).css({ 2227 \'background-color\': f.options.navbuttonhighlightcolor 2228 }); 2229 if (f.options.navarrowimage) $(this).css({ 2230 \'background-position\': \'right bottom\' 2231 }) 2232 }, 2233 function () { 2234 if (f.options.navbuttoncolor) $(this).css({ 2235 \'background-color\': f.options.navbuttoncolor 2236 }); 2237 if (f.options.navarrowimage) $(this).css({ 2238 \'background-position\': \'right top\' 2239 }) 2240 }); 2241 $navPause.click(function () { 2242 f.isPaused = true; 2243 f.sliderTimeout.stop(); 2244 $(this).css({ 2245 display: \'none\' 2246 }); 2247 $(".html5zoo-nav-play-" + f.id, f.container).css({ 2248 display: \'block\' 2249 }) 2250 }); 2251 if (this.options.navshowplaypausestandalone && this.options.navshowplaypausestandaloneautohide) { 2252 E.css({ 2253 display: \'none\' 2254 }); 2255 $navPause.css({ 2256 display: \'none\' 2257 }); 2258 this.$wrapper.hover(function () { 2259 if (f.isPaused) { 2260 E.fadeIn(); 2261 $navPause.css({ 2262 display: \'none\' 2263 }) 2264 } else { 2265 E.css({ 2266 display: \'none\' 2267 }); 2268 $navPause.fadeIn() 2269 } 2270 }, 2271 function () { 2272 E.fadeOut(); 2273 $navPause.fadeOut() 2274 }) 2275 } else { 2276 E.css({ 2277 display: ((f.isPaused) ? \'block\' : \'none\') 2278 }); 2279 $navPause.css({ 2280 display: ((f.isPaused) ? \'none\' : \'block\') 2281 }) 2282 } 2283 } 2284 if (this.options.navshowarrow) { 2285 var F = $("<div class=\'html5zoo-nav-right-" + this.id + "\' style=\'position:relative;float:" + B + ";margin-" + B + ":" + C + "px;width:" + this.options.navwidth + "px;height:" + this.options.navheight + "px;cursor:pointer;\'></div>"); 2286 j.append(F); 2287 if (this.options.navbuttonradius) F.css(ASPlatforms.applyBrowserStyles({ 2288 \'border-radius\': this.options.navbuttonradius + \'px\' 2289 })); 2290 if (this.options.navbuttoncolor) F.css({ 2291 \'background-color\': this.options.navbuttoncolor 2292 }); 2293 if (this.options.navarrowimage) F.css({ 2294 \'background-image\': "url(\'" + this.options.skinsfolder + this.options.navarrowimage + "\')", 2295 \'background-repeat\': \'no-repeat\', 2296 \'background-position\': \'right top\' 2297 }); 2298 F.hover(function () { 2299 if (f.options.navbuttonhighlightcolor) $(this).css({ 2300 \'background-color\': f.options.navbuttonhighlightcolor 2301 }); 2302 if (f.options.navarrowimage) $(this).css({ 2303 \'background-position\': \'right bottom\' 2304 }) 2305 }, 2306 function () { 2307 if (f.options.navbuttoncolor) $(this).css({ 2308 \'background-color\': f.options.navbuttoncolor 2309 }); 2310 if (f.options.navarrowimage) $(this).css({ 2311 \'background-position\': \'right top\' 2312 }) 2313 }); 2314 F.click(function () { 2315 f.slideRun(-1) 2316 }) 2317 } 2318 } 2319 }, 2320 createNavBullet: function (r) { 2321 var s = this; 2322 var f = (this.options.navdirection == \'vertical\') ? \'top\' : \'left\'; 2323 var u = (this.options.navdirection == \'vertical\') ? \'bottom\' : \'right\'; 2324 var v = (r == this.elemArray.length - 1) ? 0 : this.options.navspacing; 2325 var w = (this.options.navstyle == \'thumbnails\') ? this.options.navwidth - this.options.navborder * 2 : this.options.navwidth; 2326 var h = (this.options.navstyle == \'thumbnails\') ? this.options.navheight - this.options.navborder * 2 : this.options.navheight; 2327 var x = $("<div class=\'html5zoo-bullet-" + this.id + "-" + r + "\' style=\'position:relative;float:" + f + ";margin-" + u + ":" + v + "px;width:" + w + "px;height:" + h + "px;cursor:pointer;\'></div>"); 2328 x.data(\'index\', r); 2329 x.hover(function () { 2330 if ($(this).data(\'index\') != s.curElem) $(this)["bulletHighlight" + s.id](); 2331 var d = $(this).data(\'index\'); 2332 if (s.options.navswitchonmouseover) { 2333 if (d != s.curElem) s.slideRun(d) 2334 } 2335 if (s.options.navshowpreview) { 2336 var e = $(".html5zoo-nav-preview-" + s.id, s.container); 2337 var f = $(".html5zoo-nav-preview-images-" + s.id, e); 2338 if (s.options.navshowplayvideo) { 2339 var g = $(".html5zoo-nav-preview-play-" + s.id, e); 2340 if (s.elemArray[d][ELEM_VIDEO].length > 0) g.show(); 2341 else g.hide() 2342 } 2343 var h = $(".html5zoo-nav-" + s.id, s.container); 2344 var i = $(".html5zoo-bullet-wrapper-" + s.id, s.container); 2345 var j = $(this).position(); 2346 var k = h.position(); 2347 var m = i.position(); 2348 j.left += k.left + m.left; 2349 j.left += (isNaN(parseInt(i.css(\'margin-left\'))) ? 0 : parseInt(i.css(\'margin-left\'))); 2350 j.left += (isNaN(parseInt(h.css(\'margin-left\'))) ? 0 : parseInt(h.css(\'margin-left\'))); 2351 j.top += k.top + m.top; 2352 j.top += (isNaN(parseInt(i.css(\'margin-top\'))) ? 0 : parseInt(i.css(\'margin-top\'))); 2353 j.top += (isNaN(parseInt(h.css(\'margin-top\'))) ? 0 : parseInt(h.css(\'margin-top\'))); 2354 if (s.options.navdirection == \'vertical\') { 2355 var n = $(".html5zoo-nav-container-" + s.id, s.container); 2356 j.top += (isNaN(parseInt(n.css(\'margin-top\'))) ? 0 : parseInt(n.css(\'margin-top\'))) 2357 } 2358 var t, l = j.left + s.options.navwidth / 2 - s.options.navpreviewwidth / 2 - s.options.navpreviewborder; 2359 var o, tv = j.top + s.options.navheight / 2 - s.options.navpreviewheight / 2 - s.options.navpreviewborder; 2360 var p = {}; 2361 switch (s.options.navpreviewposition) { 2362 case \'bottom\': 2363 t = j.top + s.options.navheight + s.options.navpreviewarrowheight; 2364 p = { 2365 left: l + \'px\', 2366 top: t + \'px\' 2367 }; 2368 break; 2369 case \'top\': 2370 t = j.top - s.options.navpreviewheight - 2 * s.options.navpreviewborder - s.options.navpreviewarrowheight; 2371 p = { 2372 left: l + \'px\', 2373 top: t + \'px\' 2374 }; 2375 break; 2376 case \'left\': 2377 o = j.left - s.options.navpreviewwidth - 2 * s.options.navpreviewborder - s.options.navpreviewarrowwidth; 2378 p = { 2379 left: o + \'px\', 2380 top: tv + \'px\' 2381 }; 2382 break; 2383 case \'right\': 2384 o = j.left + s.options.navwidth + s.options.navpreviewarrowwidth; 2385 p = { 2386 left: o + \'px\', 2387 top: tv + \'px\' 2388 }; 2389 break 2390 } 2391 var q = new Image(); 2392 $(q).load(function () { 2393 var a; 2394 if (this.width / this.height <= s.options.navpreviewwidth / s.options.navpreviewheight) a = "width:" + s.options.navpreviewwidth + "px;height:auto;margin-top:-" + Math.floor((this.height / this.width) * s.options.navpreviewwidth / 2 - s.options.navpreviewheight / 2) + "px"; 2395 else a = "width:auto;height:" + s.options.navpreviewheight + "px;margin-left:-" + Math.floor((this.width / this.height) * s.options.navpreviewheight / 2 - s.options.navpreviewwidth / 2) + "px"; 2396 var b = $(".html5zoo-nav-preview-img-" + s.id, f); 2397 if (s.options.navdirection == \'vertical\') { 2398 var c = $("<div class=\'html5zoo-nav-preview-img-" + s.id + "\' style=\'display:block;position:absolute;overflow:hidden;width:" + s.options.navpreviewwidth + "px;height:" + s.options.navpreviewheight + "px;left:0px;top:" + s.options.navpreviewheight + "px;\'><img src=\'" + s.elemArray[d][ELEM_THUMBNAIL] + "\' style=\'display:block;position:absolute;left:0px;top:0px;" + a + "\' /></div>"); 2399 f.append(c); 2400 if (b.length > 0) { 2401 b.animate({ 2402 top: \'-\' + s.options.navpreviewheight + \'px\' 2403 }, 2404 function () { 2405 b.remove() 2406 }) 2407 } 2408 if (e.is(":visible")) { 2409 c.animate({ 2410 top: \'0px\' 2411 }); 2412 e.stop(true, true).animate(p) 2413 } else { 2414 c.css({ 2415 top: \'0px\' 2416 }); 2417 e.stop(true, true).css(p).fadeIn() 2418 } 2419 } else { 2420 var c = $("<div class=\'html5zoo-nav-preview-img-" + s.id + "\' style=\'display:block;position:absolute;overflow:hidden;width:" + s.options.navpreviewwidth + "px;height:" + s.options.navpreviewheight + "px;left:" + s.options.navpreviewheight + "px;top:0px;\'><img src=\'" + s.elemArray[d][ELEM_THUMBNAIL] + "\' style=\'display:block;position:absolute;left:0px;top:0px;" + a + "\' /></div>"); 2421 f.append(c); 2422 if (b.length > 0) { 2423 b.animate({ 2424 left: \'-\' + s.options.navpreviewwidth + \'px\' 2425 }, 2426 function () { 2427 b.remove() 2428 }) 2429 } 2430 if (e.is(":visible")) { 2431 c.animate({ 2432 left: \'0px\' 2433 }); 2434 e.stop(true, true).animate(p) 2435 } else { 2436 c.css({ 2437 left: \'0px\' 2438 }); 2439 e.stop(true, true).css(p).fadeIn() 2440 } 2441 } 2442 }); 2443 q.src = s.elemArray[d][ELEM_THUMBNAIL] 2444 } 2445 }, 2446 function () { 2447 if ($(this).data(\'index\') != s.curElem) $(this)["bulletNormal" + s.id](); 2448 if (s.options.navshowpreview) { 2449 var a = $(".html5zoo-nav-preview-" + s.id, s.container); 2450 a.delay(500).fadeOut() 2451 } 2452 }); 2453 x.click(function () { 2454 s.slideRun($(this).data(\'index\')) 2455 }); 2456 if (this.options.navstyle == \'bullets\') { 2457 x.css({ 2458 background: "url(\'" + this.options.skinsfolder + this.options.navimage + "\') no-repeat left top" 2459 }); 2460 $.fn["bulletNormal" + this.id] = function () { 2461 $(this).css({ 2462 \'background-position\': \'left top\' 2463 }) 2464 }; 2465 $.fn["bulletHighlight" + this.id] = $.fn["bulletSelected" + this.id] = function () { 2466 $(this).css({ 2467 \'background-position\': \'left bottom\' 2468 }) 2469 } 2470 } else if (this.options.navstyle == \'numbering\') { 2471 x.text(r + 1); 2472 x.css({ 2473 \'background-color\': this.options.navcolor, 2474 color: this.options.navfontcolor, 2475 \'font-size\': this.options.navfontsize, 2476 \'font-family\': this.options.navfont, 2477 \'text-align\': \'center\', 2478 \'line-height\': this.options.navheight + \'px\' 2479 }); 2480 x.css(ASPlatforms.applyBrowserStyles({ 2481 \'border-radius\': this.options.navradius + \'px\' 2482 })); 2483 if (this.options.navbuttonshowbgimage && this.options.navbuttonbgimage) { 2484 x.css({ 2485 background: "url(\'" + this.options.skinsfolder + this.options.navbuttonbgimage + "\') no-repeat center top" 2486 }) 2487 } 2488 $.fn["bulletNormal" + this.id] = function () { 2489 $(this).css({ 2490 \'background-color\': s.options.navcolor, 2491 \'color\': s.options.navfontcolor 2492 }); 2493 if (s.options.navbuttonshowbgimage && s.options.navbuttonbgimage) $(this).css({ 2494 \'background-position\': \'center top\' 2495 }) 2496 }; 2497 $.fn["bulletHighlight" + this.id] = $.fn["bulletSelected" + this.id] = function () { 2498 $(this).css({ 2499 \'background-color\': s.options.navhighlightcolor, 2500 \'color\': s.options.navfonthighlightcolor 2501 }); 2502 if (s.options.navbuttonshowbgimage && s.options.navbuttonbgimage) $(this).css({ 2503 \'background-position\': \'center bottom\' 2504 }) 2505 } 2506 } else if (this.options.navstyle == \'thumbnails\') { 2507 x.css({ 2508 padding: this.options.navborder + \'px\', 2509 \'background-color\': this.options.navbordercolor 2510 }); 2511 x.css({ 2512 opacity: this.options.navopacity, 2513 filter: "alpha(opacity=" + Math.round(100 * this.options.navopacity) + ")" 2514 }); 2515 var y = new Image(); 2516 var s = this; 2517 $(y).load(function () { 2518 var a; 2519 if (this.width / this.height <= s.options.navimagewidth / s.options.navimageheight) a = "max-width:none !important;width:100%;height:auto;margin-top:-" + Math.floor((this.height / this.width) * s.options.navimagewidth / 2 - s.options.navimageheight / 2) + "px"; 2520 else a = "max-width:none !important;width:auto;height:100%;margin-left:-" + Math.floor((this.width / this.height) * s.options.navimageheight / 2 - s.options.navimagewidth / 2) + "px"; 2521 x.append("<div style=\'display:block;position:absolute;width:" + s.options.navimagewidth + "px;height:" + s.options.navimageheight + "px;overflow:hidden;\'><img src=\'" + s.elemArray[r][ELEM_THUMBNAIL] + "\' style=\'" + a + "\' /></div>"); 2522 if ((s.options.navshowplayvideo) && (s.elemArray[r][ELEM_VIDEO].length > 0)) { 2523 x.append("<div style=\'display:block;position:absolute;margin-left:0;margin-top:0;width:" + s.options.navimagewidth + "px;height:" + s.options.navimageheight + "px;background:url(\"" + s.options.skinsfolder + s.options.navplayvideoimage + "\") no-repeat center center;\' ></div>") 2524 } 2525 if (s.options.navthumbstyle != \'imageonly\') { 2526 var b = "<div style=\'display:block;position:absolute;overflow:hidden;"; 2527 if (s.options.navthumbstyle == \'imageandtitle\') b += "margin-left:0px;margin-top:" + s.options.navimageheight + "px;width:" + s.options.navimagewidth + "px;height:" + s.options.navthumbtitleheight + "px;"; 2528 else if (s.options.navthumbstyle == \'imageandtitledescription\') b += "margin-left:" + s.options.navimagewidth + "px;margin-top:0px;width:" + s.options.navthumbtitlewidth + "px;height:" + s.options.navimageheight + "px;"; 2529 b += "\'><div class=\'html5zoo-nav-thumbnail-tite-" + s.id + "\'>" + s.elemArray[r][ELEM_TITLE] + "</div>"; 2530 if (s.options.navthumbstyle == \'imageandtitledescription\') b += "<div class=\'html5zoo-nav-thumbnail-description-" + s.id + "\'>" + s.elemArray[r][ELEM_DESCRIPTION] + "</div>"; 2531 b += "</div>"; 2532 x.append(b) 2533 } 2534 }); 2535 y.src = this.elemArray[r][ELEM_THUMBNAIL]; 2536 $.fn["bulletNormal" + this.id] = function () { 2537 $(this).css({ 2538 opacity: s.options.navopacity, 2539 filter: "alpha(opacity=" + Math.round(100 * s.options.navopacity) + ")" 2540 }) 2541 }; 2542 $.fn["bulletHighlight" + this.id] = function () { 2543 $(this).css({ 2544 opacity: 1, 2545 filter: "alpha(opacity=100)" 2546 }) 2547 }; 2548 $.fn["bulletSelected" + this.id] = function () { 2549 $(this).css({ 2550 opacity: 1, 2551 filter: "alpha(opacity=100)" 2552 }); 2553 if (s.options.navshowfeaturedarrow) { 2554 var a = $(".html5zoo-nav-featuredarrow-" + s.id, s.container); 2555 var b = $(this).position(); 2556 var c = $(".html5zoo-nav-container-" + s.id, s.container); 2557 var d = $(".html5zoo-bullet-wrapper-" + s.id, s.container); 2558 if (s.options.navdirection == \'horizontal\') { 2559 var t, l = b.left + s.options.navwidth / 2 - s.options.navfeaturedarrowimagewidth / 2; 2560 if ((s.options.navposition == \'top\') || (s.options.navposition == \'topleft\') || (s.options.navposition == \'topright\')) t = b.top + s.options.navheight; 2561 else t = b.top - s.options.navfeaturedarrowimageheight; 2562 a.css({ 2563 top: t + \'px\' 2564 }); 2565 if (a.is(":visible")) { 2566 a.stop(true, true).animate({ 2567 left: l + \'px\' 2568 }) 2569 } else { 2570 a.css({ 2571 display: \'block\', 2572 left: l + \'px\' 2573 }) 2574 } 2575 if ((c.width() < d.width()) && !s.pauseCarousel) { 2576 var m = Math.abs(isNaN(parseInt(d.css("margin-left"))) ? 0 : parseInt(d.css("margin-left"))); 2577 if ((b.left < m) || ((b.left + s.options.navwidth) > m + c.width())) { 2578 var e = -b.left; 2579 if (e <= (c.width() - d.width())) e = (c.width() - d.width()); 2580 if (e >= 0) e = 0; 2581 d.animate({ 2582 "margin-left": e + \'px\' 2583 }, 2584 { 2585 queue: false, 2586 duration: 500, 2587 easing: "easeOutCirc" 2588 }); 2589 s.updateCarouselLeftRightArrow(e) 2590 } 2591 } 2592 } else { 2593 var l, t = b.top + s.options.navheight / 2 - s.options.navfeaturedarrowimageheight / 2; 2594 if (s.options.navposition == \'left\') l = b.left + s.options.navwidth; 2595 else l = b.left - s.options.navfeaturedarrowimagewidth; 2596 a.css({ 2597 left: l + \'px\' 2598 }); 2599 if (a.is(":visible")) { 2600 a.stop(true, true).animate({ 2601 top: t + \'px\' 2602 }) 2603 } else { 2604 a.css({ 2605 display: \'block\', 2606 top: t + \'px\' 2607 }) 2608 } 2609 if ((c.height() < d.height()) && !s.pauseCarousel) { 2610 var m = Math.abs(isNaN(parseInt(d.css("margin-top"))) ? 0 : parseInt(d.css("margin-top"))); 2611 if ((b.top < m) || ((b.top + s.options.navheight) > m + c.height())) { 2612 var e = -b.top; 2613 if (e <= (c.height() - d.height())) e = (c.height() - d.height()); 2614 if (e >= 0) e = 0; 2615 d.animate({ 2616 "margin-top": e + \'px\' 2617 }, 2618 { 2619 queue: false, 2620 duration: 500, 2621 easing: "easeOutCirc" 2622 }); 2623 s.updateCarouselLeftRightArrow(e) 2624 } 2625 } 2626 } 2627 } 2628 } 2629 } 2630 return x 2631 }, 2632 slideRun: function (a) { 2633 savedCur = this.curElem; 2634 this.calcIndex(a); 2635 if (savedCur == this.curElem) return; 2636 if (this.isAnimating) { 2637 if (this.transitionTimeout) clearTimeout(this.transitionTimeout); 2638 $(".html5zoo-img-box-" + this.id, this.container).unbind(\'transitionFinished\').html("<div class=\'html5zoo-img-" + this.id + " \' style=\'display:block;position:absolute;left:0px;top:0px;width:100%;height:auto;\'><img style=\'position:absolute;max-width:100%;height:auto;left:0%;top:0%;\' src=\'" + this.elemArray[savedCur][ELEM_SRC] + "\' /></div>"); 2639 this.isAnimating = false 2640 } 2641 this.sliderTimeout.stop(); 2642 this.tempPaused = false; 2643 this.container.trigger(\'html5zoo.switch\', [savedCur, this.curElem]); 2644 $(".html5zoo-video-wrapper-" + this.id, this.container).find("iframe").each(function () { 2645 $(this).attr(\'src\', \'\') 2646 }); 2647 if (this.options.autoplayvideo && (this.elemArray[this.curElem][ELEM_VIDEO].length > 0)) { 2648 this.playVideo(true) 2649 } else { 2650 $(".html5zoo-video-wrapper-" + this.id, this.container).css({ 2651 display: \'none\' 2652 }).empty(); 2653 this.container.trigger(\'html5zoo.switchtext\', [savedCur, this.curElem]); 2654 var b = true; 2655 if (a == -2) b = false; 2656 else if (a == 1) b = true; 2657 else if (a >= 0) b = (this.curElem > savedCur) ? true : false; 2658 this.showImage(b) 2659 } (new Image()).src = this.elemArray[this.prevElem][ELEM_SRC]; (new Image()).src = this.elemArray[this.nextElem][ELEM_SRC]; 2660 if (!this.options.randomplay && (this.options.loop > 0)) { 2661 if (this.curElem == this.elemArray.length - 1) { 2662 this.loopCount++; 2663 if (this.options.loop <= this.loopCount) this.isPaused = true 2664 } 2665 } 2666 if ((!this.isPaused) && (!this.tempPaused) && (this.elemArray.length > 1)) { 2667 this.sliderTimeout.start() 2668 } 2669 }, 2670 showImage: function (g) { 2671 var h = this; 2672 var i = new Image(); 2673 $(i).load(function () { 2674 var b = 100; 2675 var c = $(".html5zoo-img-box-" + h.id, h.container); 2676 var d = $(".html5zoo-img-" + h.id, h.container); 2677 var e = $("<div class=\'html5zoo-img-" + h.id + " \' style=\'display:block;position:absolute;left:0px;top:0px;width:100%;height:auto;\'><img style=\'position:absolute;" + (ASPlatforms.isIE678() ? "opacity:inherit;filter:inherit;" : "") + "max-width:" + b + "%;height:auto;left:" + (100 - b) / 2 + "%;top:0%;\' src=\'" + h.elemArray[h.curElem][ELEM_SRC] + "\' /></div>"); 2678 if (d.length > 0) d.before(e); 2679 else c.append(e); 2680 var f = (h.firstslide && !h.options.transitiononfirstslide) ? \'\' : h.options.transition; 2681 h.firstslide = false; 2682 h.isAnimating = true; 2683 c.html5zooTransition(h.id, d, e, { 2684 effect: f, 2685 direction: g, 2686 duration: h.options.transitionduration, 2687 easing: h.options.transitioneasing, 2688 crossfade: h.options.crossfade, 2689 fade: h.options.fade, 2690 slide: h.options.slide, 2691 slice: h.options.slice, 2692 blinds: h.options.blinds, 2693 threed: h.options.threed, 2694 threedhorizontal: h.options.threedhorizontal, 2695 blocks: h.options.blocks, 2696 shuffle: h.options.shuffle 2697 }, 2698 function () { 2699 h.isAnimating = false 2700 }, 2701 function (a) { 2702 h.transitionTimeout = a 2703 }); 2704 if (h.elemArray[h.curElem][ELEM_LINK]) { 2705 c.css({ 2706 cursor: \'pointer\' 2707 }); 2708 c.unbind(\'click\').bind(\'click\', 2709 function () { 2710 if (h.elemArray[h.curElem][ELEM_LIGHTBOX]) { 2711 h.html5Lightbox.showItem(h.elemArray[h.curElem][ELEM_LINK]) 2712 } else { 2713 var a = (h.elemArray[h.curElem][ELEM_TARGET]) ? h.elemArray[h.curElem][ELEM_TARGET] : \'_self\'; 2714 window.open(h.elemArray[h.curElem][ELEM_LINK], a) 2715 } 2716 }) 2717 } else { 2718 c.css({ 2719 cursor: \'\' 2720 }); 2721 c.unbind(\'click\') 2722 } 2723 $(".html5zoo-play-" + h.id, h.container).css({ 2724 display: ((h.elemArray[h.curElem][ELEM_VIDEO].length > 0) ? \'block\' : \'none\') 2725 }) 2726 }); 2727 i.src = this.elemArray[this.curElem][ELEM_SRC] 2728 }, 2729 calcIndex: function (a) { 2730 var r; 2731 if (a == -2) { 2732 this.nextElem = this.curElem; 2733 this.curElem = this.prevElem; 2734 this.prevElem = ((this.curElem - 1) < 0) ? (this.elemArray.length - 1) : (this.curElem - 1); 2735 if (this.options.randomplay) { 2736 r = Math.floor(Math.random() * this.elemArray.length); 2737 if (r != this.curElem) this.prevElem = r 2738 } 2739 } else if (a == -1) { 2740 this.prevElem = this.curElem; 2741 this.curElem = this.nextElem; 2742 this.nextElem = ((this.curElem + 1) >= this.elemArray.length) ? 0 : (this.curElem + 1); 2743 if (this.options.randomplay) { 2744 r = Math.floor(Math.random() * this.elemArray.length); 2745 if (r != this.curElem) this.nextElem = r 2746 } 2747 } else if (a >= 0) { 2748 this.curElem = a; 2749 this.prevElem = ((this.curElem - 1) < 0) ? (this.elemArray.length - 1) : (this.curElem - 1); 2750 this.nextElem = ((this.curElem + 1) >= this.elemArray.length) ? 0 : (this.curElem + 1); 2751 if (this.options.randomplay) { 2752 r = Math.floor(Math.random() * this.elemArray.length); 2753 if (r != this.curElem) this.prevElem = r; 2754 r = Math.floor(Math.random() * this.elemArray.length); 2755 if (r != this.curElem) this.nextElem = r 2756 } 2757 } 2758 } 2759 }; 2760 G = G || {}; 2761 for (var K in G) { 2762 if (K.toLowerCase() !== K) { 2763 G[K.toLowerCase()] = G[K]; 2764 delete G[K] 2765 } 2766 } 2767 this.each(function () { 2768 this.options = $.extend({}, 2769 G); 2770 var c = this; 2771 $.each($(this).data(), 2772 function (a, b) { 2773 c.options[a.toLowerCase()] = b 2774 }); 2775 var d = {}; 2776 var e = window.location.search.substring(1).split("&"); 2777 for (var i = 0; i < e.length; i++) { 2778 var f = e[i].split("="); 2779 if (f && (f.length == 2)) { 2780 var g = f[0].toLowerCase(); 2781 var h = unescape(f[1]).toLowerCase(); 2782 if (h == "true") d[g] = true; 2783 else if (h == "false") d[g] = false; 2784 else d[g] = h 2785 } 2786 } 2787 this.options = $.extend(this.options, d); 2788 var j = { 2789 previewmode: false, 2790 isresponsive: true, 2791 autoplay: false, 2792 pauseonmouseover: true, 2793 slideinterval: 5000, 2794 randomplay: false, 2795 loop: 0, 2796 skinsfoldername: \'skins\', 2797 showtimer: true, 2798 timerposition: \'bottom\', 2799 timercolor: \'#ffffff\', 2800 timeropacity: 0.6, 2801 timerheight: 2, 2802 autoplayvideo: false, 2803 playvideoimage: \'play-video.png\', 2804 playvideoimagewidth: 64, 2805 playvideoimageheight: 64, 2806 enabletouchswipe: true, 2807 border: 6, 2808 bordercolor: \'#ffffff\', 2809 borderradius: 0, 2810 showshadow: true, 2811 shadowsize: 5, 2812 shadowcolor: \'#aaaaaa\', 2813 showbottomshadow: false, 2814 bottomshadowimage: \'bottom-shadow.png\', 2815 bottomshadowimagewidth: 140, 2816 bottomshadowimagetop: 90, 2817 showbackgroundimage: false, 2818 backgroundimage: \'background.png\', 2819 backgroundimagewidth: 120, 2820 backgroundimagetop: -10, 2821 arrowstyle: \'mouseover\', 2822 arrowimage: \'arrows.png\', 2823 arrowwidth: 32, 2824 arrowheight: 32, 2825 arrowmargin: 0, 2826 arrowhideonmouseleave: 1000, 2827 arrowtop: 50, 2828 showribbon: false, 2829 ribbonimage: \'ribbon_topleft-0.png\', 2830 ribbonposition: \'topleft\', 2831 ribbonimagex: -11, 2832 ribbonimagey: -11, 2833 textstyle: \'static\', 2834 textpositionstatic: \'bottom\', 2835 textautohide: false, 2836 textpositionmarginstatic: 0, 2837 textpositiondynamic: \'topleft,topright,bottomleft,bottomright\', 2838 textpositionmarginleft: 24, 2839 textpositionmarginright: 24, 2840 textpositionmargintop: 24, 2841 textpositionmarginbottom: 24, 2842 texteffect: \'slide\', 2843 texteffecteasing: \'easeOutCubic\', 2844 texteffectduration: 600, 2845 addfonts: true, 2846 fonts: "Inder", 2847 textcss: \'display:block; padding:12px; text-align:left;\', 2848 textbgcss: \'display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);\', 2849 titlecss: \'display:block; position:relative; font:bold 14px Inder,Arial,Tahoma,Helvetica,sans-serif; color:#fff;\', 2850 descriptioncss: \'display:block; position:relative; font:12px Anaheim,Arial,Tahoma,Helvetica,sans-serif; color:#fff;\', 2851 shownumbering: false, 2852 numberingformat: "%NUM/%TOTAL ", 2853 navstyle: \'thumbnails\', 2854 navswitchonmouseover: false, 2855 navdirection: \'horizontal\', 2856 navposition: \'bottom\', 2857 navmargin: 24, 2858 navwidth: 64, 2859 navheight: 60, 2860 navspacing: 8, 2861 navshowpreview: true, 2862 navpreviewposition: \'top\', 2863 navpreviewarrowimage: \'preview-arrow.png\', 2864 navpreviewarrowwidth: 20, 2865 navpreviewarrowheight: 10, 2866 navpreviewwidth: 120, 2867 navpreviewheight: 60, 2868 navpreviewborder: 8, 2869 navpreviewbordercolor: \'#ffff00\', 2870 navimage: \'bullets.png\', 2871 navradius: 0, 2872 navcolor: \'\', 2873 navhighlightcolor: \'\', 2874 navfont: \'Lucida Console, Arial\', 2875 navfontcolor: \'#666666\', 2876 navfonthighlightcolor: \'#666666\', 2877 navfontsize: 12, 2878 navbuttonshowbgimage: true, 2879 navbuttonbgimage: \'navbuttonbgimage.png\', 2880 navshowbuttons: false, 2881 navbuttonradius: 2, 2882 navbuttoncolor: \'#999999\', 2883 navbuttonhighlightcolor: \'#333333\', 2884 navshowplaypause: true, 2885 navshowarrow: true, 2886 navplaypauseimage: \'nav-play-pause.png\', 2887 navarrowimage: \'nav-arrows.png\', 2888 navshowplaypausestandalone: false, 2889 navshowplaypausestandaloneautohide: false, 2890 navshowplaypausestandaloneposition: \'bottomright\', 2891 navshowplaypausestandalonemarginx: 24, 2892 navshowplaypausestandalonemarginy: 24, 2893 navshowplaypausestandalonewidth: 32, 2894 navshowplaypausestandaloneheight: 32, 2895 navopacity: 0.8, 2896 navborder: 2, 2897 navbordercolor: \'#ff6600\', 2898 navshowfeaturedarrow: true, 2899 navfeaturedarrowimage: \'featured-arrow.png\', 2900 navfeaturedarrowimagewidth: 20, 2901 navfeaturedarrowimageheight: 10, 2902 navthumbstyle: \'imageonly\', 2903 navthumbtitleheight: 20, 2904 navthumbtitlewidth: 120, 2905 navthumbtitlecss: \'display:block;position:relative;padding:2px 4px;text-align:left;font:bold 14px Arial,Helvetica,sans-serif;color:#333;\', 2906 navthumbtitlehovercss: \'text-decoration:underline;\', 2907 navthumbdescriptioncss: \'display:block;position:relative;padding:2px 4px;text-align:left;font:normal 12px Arial,Helvetica,sans-serif;color:#333;\', 2908 navthumbnavigationstyle: \'arrow\', 2909 navthumbnavigationarrowimage: \'carousel-arrows-32-32-0.png\', 2910 navthumbnavigationarrowimagewidth: 32, 2911 navthumbnavigationarrowimageheight: 32, 2912 navshowplayvideo: true, 2913 navplayvideoimage: \'play-32-32-0.png\', 2914 transitiononfirstslide: false, 2915 transition: \'slide\', 2916 transitionduration: 1000, 2917 transitioneasing: \'easeOutQuad\', 2918 fade: { 2919 duration: 1000, 2920 easing: \'easeOutQuad\' 2921 }, 2922 crossfade: { 2923 duration: 1000, 2924 easing: \'easeOutQuad\' 2925 }, 2926 slide: { 2927 duration: 1000, 2928 easing: \'easeOutElastic\' 2929 }, 2930 slice: { 2931 duration: 1500, 2932 easing: \'easeOutQuad\', 2933 effects: "up,down,updown", 2934 slicecount: 8 2935 }, 2936 blinds: { 2937 duration: 1500, 2938 easing: \'easeOutQuad\', 2939 slicecount: 4 2940 }, 2941 threed: { 2942 duration: 1500, 2943 easing: \'easeOutQuad\', 2944 slicecount: 4, 2945 fallback: \'slice\', 2946 bgcolor: \'#222222\', 2947 perspective: 1000, 2948 perspectiveorigin: \'right\', 2949 scatter: 5 2950 }, 2951 threedhorizontal: { 2952 duration: 1500, 2953 easing: \'easeOutQuad\', 2954 slicecount: 3, 2955 fallback: \'slice\', 2956 bgcolor: \'#222222\', 2957 perspective: 1000, 2958 perspectiveorigin: \'bottom\', 2959 scatter: 5 2960 }, 2961 blocks: { 2962 duration: 1500, 2963 easing: \'easeOutQuad\', 2964 effects: \'topleft, bottomright, top, bottom, random\', 2965 rowcount: 4, 2966 columncount: 3 2967 }, 2968 shuffle: { 2969 duration: 1500, 2970 easing: \'easeOutQuad\', 2971 rowcount: 4, 2972 columncount: 3 2973 }, 2974 versionmark: \'AMFree\', 2975 showwatermarkdefault: true, 2976 watermarkstyledefault: \'text\', 2977 watermarktextdefault: \'\', 2978 watermarkimagedefault: \'\', 2979 watermarklinkdefault: \'http://childcloud.cn\', 2980 watermarktargetdefault: \'_blank\', 2981 watermarkpositioncssdefault: \'display:block;position:absolute;bottom:6px;right:6px;\', 2982 watermarktextcssdefault: \'font:12px Arial,Tahoma,Helvetica,sans-serif;color:#666;padding:2px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);\', 2983 watermarklinkcssdefault: \'text-decoration:none;font:12px Arial,Tahoma,Helvetica,sans-serif;color:#333;\' 2984 }; 2985 this.options = $.extend(j, this.options); 2986 if (this.options.versionmark != (\'AMCom\')) { 2987 this.options.showwatermark = (window.location.href.indexOf(\'://amazingslider.com\') >= 0) ? false : this.options.showwatermarkdefault; 2988 this.options.watermarkstyle = this.options.watermarkstyledefault; 2989 this.options.watermarktext = this.options.watermarktextdefault; 2990 this.options.watermarkimage = this.options.watermarkimagedefault; 2991 this.options.watermarklink = this.options.watermarklinkdefault; 2992 this.options.watermarktarget = this.options.watermarktargetdefault; 2993 this.options.watermarkpositioncss = this.options.watermarkpositioncssdefault; 2994 this.options.watermarktextcss = this.options.watermarktextcssdefault; 2995 this.options.watermarklinkcss = this.options.watermarklinkcssdefault 2996 } 2997 if (typeof html5zoo_previewmode != \'undefined\') this.options.previewmode = html5zoo_previewmode; 2998 this.options.htmlfolder = window.location.href.substr(0, window.location.href.lastIndexOf("/") + 1); 2999 if (this.options.skinsfoldername.length > 0) this.options.skinsfolder = this.options.jsfolder + this.options.skinsfoldername + \'/\'; 3000 else this.options.skinsfolder = this.options.jsfolder; 3001 new J($(this), this.options, html5zooId++) 3002 }) 3003 } 3004 })(jQuery); (function ($) { 3005 $.fn.html5zooTransition = function (a, b, c, d, e, f) { 3006 var g = this; 3007 var h = d.effect; 3008 var i = d.duration; 3009 var j = d.easing; 3010 var k = d.direction; 3011 var l = null; 3012 if (h) { 3013 h = h.split(","); 3014 l = h[Math.floor(Math.random() * h.length)]; 3015 l = $.trim(l.toLowerCase()) 3016 } 3017 if (((l == \'threed\') || (l == \'threedhorizontal\')) && (!ASPlatforms.css33dTransformSupported())) { 3018 l = d[l].fallback 3019 } 3020 if (l && d[l]) { 3021 if (d[l].duration) i = d[l].duration; 3022 if (d[l].easing) j = d[l].easing 3023 } 3024 if (l == "fade") { 3025 g.css({ 3026 overflow: \'hidden\' 3027 }); 3028 c.show(); 3029 b.fadeOut(i, j, 3030 function () { 3031 b.remove(); 3032 e() 3033 }) 3034 } else if (l == "crossfade") { 3035 g.css({ 3036 overflow: \'hidden\' 3037 }); 3038 c.hide(); 3039 b.fadeOut(i / 2, j, 3040 function () { 3041 c.fadeIn(i / 2, j, 3042 function () { 3043 b.remove(); 3044 e() 3045 }) 3046 }) 3047 } else if (l == \'slide\') { 3048 g.css({ 3049 overflow: \'hidden\' 3050 }); 3051 if (k) { 3052 c.css({ 3053 left: \'100%\' 3054 }); 3055 c.animate({ 3056 left: \'0%\' 3057 }, 3058 i, j); 3059 b.animate({ 3060 left: \'-100%\' 3061 }, 3062 i, j, 3063 function () { 3064 b.remove(); 3065 e() 3066 }) 3067 } else { 3068 c.css({ 3069 left: \'-100%\' 3070 }); 3071 c.animate({ 3072 left: \'0%\' 3073 }, 3074 i, j); 3075 b.animate({ 3076 left: \'100%\' 3077 }, 3078 i, j, 3079 function () { 3080 b.remove(); 3081 e() 3082 }) 3083 } 3084 } else if (l == \'slice\') { 3085 g.css({ 3086 overflow: \'hidden\' 3087 }); 3088 g.sliceTransition(a, b, c, $.extend({ 3089 duration: i, 3090 easing: j, 3091 direction: k 3092 }, 3093 d[\'slice\']), e, f) 3094 } else if (l == \'blinds\') { 3095 g.css({ 3096 overflow: \'hidden\' 3097 }); 3098 g.blindsTransition(a, b, c, $.extend({ 3099 duration: i, 3100 easing: j, 3101 direction: k 3102 }, 3103 d[\'blinds\']), e, f) 3104 } else if (l == \'threed\') { 3105 g.css({ 3106 overflow: \'visible\' 3107 }); 3108 g.threedTransition(a, b, c, $.extend({ 3109 duration: i, 3110 easing: j, 3111 direction: k 3112 }, 3113 d[\'threed\']), e, f) 3114 } else if (l == \'threedhorizontal\') { 3115 g.css({ 3116 overflow: \'visible\' 3117 }); 3118 g.threedHorizontalTransition(a, b, c, $.extend({ 3119 duration: i, 3120 easing: j, 3121 direction: k 3122 }, 3123 d[\'threedhorizontal\']), e, f) 3124 } else if (l == \'blocks\') { 3125 g.css({ 3126 overflow: \'hidden\' 3127 }); 3128 g.blocksTransition(a, b, c, $.extend({ 3129 duration: i, 3130 easing: j, 3131 direction: k 3132 }, 3133 d[\'blocks\']), e, f) 3134 } else if (l == \'shuffle\') { 3135 g.css({ 3136 overflow: \'visible\' 3137 }); 3138 g.shuffleTransition(a, b, c, $.extend({ 3139 duration: i, 3140 easing: j, 3141 direction: k 3142 }, 3143 d[\'shuffle\']), e, f) 3144 } else { 3145 c.show(); 3146 b.remove(); 3147 e() 3148 } 3149 }; 3150 $.fn.sliceTransition = function (b, c, d, e, f, g) { 3151 var i, index; 3152 var h = this; 3153 var w = h.width(); 3154 var j = Math.ceil(w / e.slicecount); 3155 d.hide(); 3156 for (i = 0; i < e.slicecount; i++) { 3157 var k = $("<div class=\'html5zoo-img-slice-" + b + " \' style=\'display:block;position:absolute;left:" + i * j + "px;top:0%;width:" + j + "px;height:100%;overflow:hidden;\'></div>"); 3158 var l = $(\'img\', d).clone().css({ 3159 \'max-width\': \'\', 3160 left: \'-\' + j * i + \'px\' 3161 }); 3162 l.attr(\'style\', l.attr(\'style\') + \'; max-width:\' + w + \'px !important;\'); 3163 k.append(l); 3164 h.append(k) 3165 } 3166 var m = $(\'.html5zoo-img-slice-\' + b, h); 3167 if (!e.direction) m = $($.makeArray(m).reverse()); 3168 var n = e.effects.split(","); 3169 var o = n[Math.floor(Math.random() * n.length)]; 3170 o = $.trim(o.toLowerCase()); 3171 h.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3172 function () { 3173 h.unbind(\'transitionFinished\'); 3174 c.remove(); 3175 d.show(); 3176 m.remove(); 3177 f() 3178 }); 3179 var p = e.duration / 2; 3180 var q = e.duration / 2 / e.slicecount; 3181 index = 0; 3182 m.each(function () { 3183 var a = $(this); 3184 switch (o) { 3185 case \'up\': 3186 a.css({ 3187 top: 3188 \'\', 3189 bottom: \'0%\', 3190 height: \'0%\' 3191 }); 3192 break; 3193 case \'down\': 3194 a.css({ 3195 top: 3196 \'0%\', 3197 height: \'0%\' 3198 }); 3199 break; 3200 case \'updown\': 3201 if (index % 2 == 0) a.css({ 3202 top: \'0%\', 3203 height: \'0%\' 3204 }); 3205 else a.css({ 3206 top: \'\', 3207 bottom: \'0%\', 3208 height: \'0%\' 3209 }); 3210 break 3211 } 3212 setTimeout(function () { 3213 a.animate({ 3214 height: \'100%\' 3215 }, 3216 p, e.easing) 3217 }, 3218 q * index); 3219 index++ 3220 }); 3221 var r = setTimeout(function () { 3222 h.trigger(\'transitionFinished\') 3223 }, 3224 e.duration); 3225 g(r) 3226 }; 3227 $.fn.blindsTransition = function (c, d, e, f, g, h) { 3228 var i, index; 3229 var j = this; 3230 var w = j.width(); 3231 var k = Math.ceil(w / f.slicecount); 3232 e.hide(); 3233 for (i = 0; i < f.slicecount; i++) { 3234 var l = $("<div class=\'html5zoo-img-slice-wrapper-" + c + " \' style=\'display:block;position:absolute;left:" + i * k + "px;top:0%;width:" + k + "px;height:100%;overflow:hidden;\'></div>"); 3235 var m = $("<div class=\'html5zoo-img-slice-" + c + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;\'></div>"); 3236 var n = $(\'img\', e).clone().css({ 3237 \'max-width\': \'\', 3238 left: \'-\' + k * i + \'px\' 3239 }); 3240 n.attr(\'style\', n.attr(\'style\') + \'; max-width:\' + w + \'px !important;\'); 3241 m.append(n); 3242 l.append(m); 3243 j.append(l) 3244 } 3245 var o = $(\'.html5zoo-img-slice-\' + c, j); 3246 if (!f.direction) o = $($.makeArray(o).reverse()); 3247 j.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3248 function () { 3249 j.unbind(\'transitionFinished\'); 3250 d.remove(); 3251 e.show(); 3252 $(\'.html5zoo-img-slice-wrapper-\' + c, j).remove(); 3253 g() 3254 }); 3255 index = 0; 3256 o.each(function () { 3257 var a = $(this); 3258 var b; 3259 if (!f.direction) { 3260 a.css({ 3261 left: \'\', 3262 right: \'-100%\' 3263 }); 3264 b = { 3265 right: \'0%\' 3266 } 3267 } else { 3268 a.css({ 3269 left: \'-100%\' 3270 }); 3271 b = { 3272 left: \'0%\' 3273 } 3274 } 3275 a.animate(b, f.duration * (index + 1) / f.slicecount, f.easing); 3276 index++ 3277 }); 3278 var p = setTimeout(function () { 3279 j.trigger(\'transitionFinished\') 3280 }, 3281 f.duration); 3282 h(p) 3283 }; 3284 $.fn.threedTransition = function (d, e, f, g, j, k) { 3285 var i, index; 3286 var l = this; 3287 var w = l.width(), 3288 h = l.height(), 3289 dist = h / 2; 3290 var m = Math.ceil(w / g.slicecount); 3291 var n = $("<div class=\'html5zoo-img-cube-wrapper-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;\'></div>"); 3292 l.append(n); 3293 n.css(ASPlatforms.applyBrowserStyles({ 3294 \'transform-style\': \'preserve-3d\', 3295 \'perspective\': g.perspective, 3296 \'perspective-origin\': g.perspectiveorigin + \' center\' 3297 })); 3298 f.hide(); 3299 for (i = 0; i < g.slicecount; i++) { 3300 var o = $(\'img\', f).clone().css({ 3301 \'max-width\': \'\', 3302 left: \'-\' + m * i + \'px\' 3303 }); 3304 o.attr(\'style\', o.attr(\'style\') + \'; max-width:\' + w + \'px !important;\'); 3305 var p = $("<div class=\'html5zoo-img-slice-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;outline:1px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3306 p.append(o); 3307 var q = $(\'img\', e).clone().css({ 3308 \'max-width\': \'\', 3309 left: \'-\' + m * i + \'px\' 3310 }); 3311 q.attr(\'style\', q.attr(\'style\') + \'; max-width:\' + w + \'px !important;\'); 3312 var r = $("<div class=\'html5zoo-img-slice-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;outline:1px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3313 r.append(q); 3314 var s = $("<div class=\'html5zoo-img-slice-left-" + d + " \' style=\'display:block;position:absolute;left:2px;top:2px;width:" + (h - 1) + "px;height:" + (h - 1) + "px;overflow:hidden;outline:2px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3315 var t = $("<div class=\'html5zoo-img-slice-right-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:" + (h - 1) + "px;height:" + (h - 1) + "px;overflow:hidden;outline:2px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3316 var u = $("<div class=\'html5zoo-img-cube-" + d + " \' style=\'display:block;position:absolute;left:" + i * m + "px;top:0%;width:" + m + "px;height:100%;\'></div>"); 3317 u.append(s); 3318 u.append(t); 3319 u.append(p); 3320 u.append(r); 3321 n.append(u); 3322 s.css(ASPlatforms.applyBrowserStyles({ 3323 \'transform-style\': \'preserve-3d\', 3324 \'backface-visibility\': \'hidden\', 3325 \'transform\': \'rotateY(-90deg) translateZ(\' + dist + \'px)\' 3326 })); 3327 t.css(ASPlatforms.applyBrowserStyles({ 3328 \'transform-style\': \'preserve-3d\', 3329 \'backface-visibility\': \'hidden\', 3330 \'transform\': \'rotateY(90deg) translateZ(\' + (m - dist) + \'px)\' 3331 })); 3332 r.css(ASPlatforms.applyBrowserStyles({ 3333 \'transform-style\': \'preserve-3d\', 3334 \'backface-visibility\': \'hidden\', 3335 \'transform\': \'translateZ(\' + dist + \'px)\' 3336 })); 3337 p.css(ASPlatforms.applyBrowserStyles({ 3338 \'transform-style\': \'preserve-3d\', 3339 \'backface-visibility\': \'hidden\', 3340 \'transform\': \'rotateX(\' + ((g.direction) ? \'90\' : \'-90\') + \'deg) translateZ(\' + dist + \'px)\' 3341 })) 3342 } 3343 var v = $(\'.html5zoo-img-cube-\' + d, l); 3344 l.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3345 function () { 3346 l.unbind(\'transitionFinished\'); 3347 e.remove(); 3348 f.show(); 3349 setTimeout(function () { 3350 n.remove() 3351 }, 3352 100); 3353 j() 3354 }); 3355 var x = g.duration / 2 / g.slicecount; 3356 var y = g.duration / 2; 3357 v.each(function () { 3358 $(this).css(ASPlatforms.applyBrowserStyles({ 3359 \'transform-style\': \'preserve-3d\', 3360 \'backface-visibility\': \'hidden\' 3361 })); 3362 $(this).css(ASPlatforms.applyBrowserStyles({ 3363 \'transition-property\': \'transform\' 3364 }, 3365 true)); 3366 $(this).css(ASPlatforms.applyBrowserStyles({ 3367 \'transform\': \'translateZ(-\' + dist + \'px)\' 3368 })) 3369 }); 3370 e.hide(); 3371 index = 0; 3372 v.each(function () { 3373 var a = $(this); 3374 var b = (g.slicecount - 1) / 2; 3375 var c = Math.round((index - b) * g.scatter * w / 100); 3376 setTimeout(function () { 3377 a.css(ASPlatforms.applyBrowserStyles({ 3378 \'transform-style\': \'preserve-3d\', 3379 \'backface-visibility\': \'hidden\' 3380 })); 3381 a.css(ASPlatforms.applyBrowserStyles({ 3382 \'transition-property\': \'transform\' 3383 }, 3384 true)); 3385 a.css(ASPlatforms.applyBrowserStyles({ 3386 \'transition-duration\': y + \'ms\', 3387 \'transform\': \'translateZ(-\' + dist + \'px) rotateX(\' + ((g.direction) ? \'-89.99\' : \'89.99\') + \'deg)\' 3388 })); 3389 a.animate({ 3390 left: \'+=\' + c + \'px\' 3391 }, 3392 y / 2 - 50, 3393 function () { 3394 a.animate({ 3395 left: \'-=\' + c + \'px\' 3396 }, 3397 y / 2 - 50) 3398 }) 3399 }, 3400 x * index + 100); 3401 index++ 3402 }); 3403 var z = setTimeout(function () { 3404 l.trigger(\'transitionFinished\') 3405 }, 3406 g.duration); 3407 k(z) 3408 }; 3409 $.fn.threedHorizontalTransition = function (d, e, f, g, j, k) { 3410 var i, index; 3411 var l = this; 3412 var w = l.width(), 3413 h = l.height(), 3414 dist = w / 2; 3415 var m = Math.ceil(h / g.slicecount); 3416 var n = $("<div class=\'html5zoo-img-cube-wrapper-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;\'></div>"); 3417 l.append(n); 3418 n.css(ASPlatforms.applyBrowserStyles({ 3419 \'transform-style\': \'preserve-3d\', 3420 \'perspective\': g.perspective, 3421 \'perspective-origin\': \'center \' + g.perspectiveorigin 3422 })); 3423 f.hide(); 3424 for (i = 0; i < g.slicecount; i++) { 3425 var o = $(\'img\', f).clone().css({ 3426 \'max-height\': \'\', 3427 top: \'-\' + m * i + \'px\' 3428 }); 3429 o.attr(\'style\', o.attr(\'style\') + \'; max-height:\' + h + \'px !important;\'); 3430 var p = $("<div class=\'html5zoo-img-slice-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;outline:1px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3431 p.append(o); 3432 var q = $(\'img\', e).clone().css({ 3433 \'max-height\': \'\', 3434 top: \'-\' + m * i + \'px\' 3435 }); 3436 q.attr(\'style\', q.attr(\'style\') + \'; max-height:\' + h + \'px !important;\'); 3437 var r = $("<div class=\'html5zoo-img-slice-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;outline:1px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3438 r.append(q); 3439 var s = $("<div class=\'html5zoo-img-slice-left-" + d + " \' style=\'display:block;position:absolute;left:2px;top:2px;width:" + (w - 1) + "px;height:" + (w - 1) + "px;overflow:hidden;outline:2px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3440 var t = $("<div class=\'html5zoo-img-slice-right-" + d + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:" + (w - 1) + "px;height:" + (w - 1) + "px;overflow:hidden;outline:2px solid transparent;background-color:" + g.bgcolor + ";\'></div>"); 3441 var u = $("<div class=\'html5zoo-img-cube-" + d + " \' style=\'display:block;position:absolute;left:0%;top:" + i * m + "px;width:100%;height:" + m + "px;\'></div>"); 3442 u.append(s); 3443 u.append(t); 3444 u.append(p); 3445 u.append(r); 3446 n.append(u); 3447 s.css(ASPlatforms.applyBrowserStyles({ 3448 \'transform-style\': \'preserve-3d\', 3449 \'backface-visibility\': \'hidden\', 3450 \'transform\': \'rotateX(90deg) translateZ(\' + dist + \'px)\' 3451 })); 3452 t.css(ASPlatforms.applyBrowserStyles({ 3453 \'transform-style\': \'preserve-3d\', 3454 \'backface-visibility\': \'hidden\', 3455 \'transform\': \'rotateX(-90deg) translateZ(\' + (m - dist) + \'px)\' 3456 })); 3457 r.css(ASPlatforms.applyBrowserStyles({ 3458 \'transform-style\': \'preserve-3d\', 3459 \'backface-visibility\': \'hidden\', 3460 \'transform\': \'translateZ(\' + dist + \'px)\' 3461 })); 3462 p.css(ASPlatforms.applyBrowserStyles({ 3463 \'transform-style\': \'preserve-3d\', 3464 \'backface-visibility\': \'hidden\', 3465 \'transform\': \'rotateY(\' + ((g.direction) ? \'-90\' : \'90\') + \'deg) translateZ(\' + dist + \'px)\' 3466 })) 3467 } 3468 var v = $(\'.html5zoo-img-cube-\' + d, l); 3469 l.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3470 function () { 3471 l.unbind(\'transitionFinished\'); 3472 e.remove(); 3473 f.show(); 3474 setTimeout(function () { 3475 n.remove() 3476 }, 3477 100); 3478 j() 3479 }); 3480 var x = g.duration / 2 / g.slicecount; 3481 var y = g.duration / 2; 3482 v.each(function () { 3483 $(this).css(ASPlatforms.applyBrowserStyles({ 3484 \'transform-style\': \'preserve-3d\', 3485 \'backface-visibility\': \'hidden\' 3486 })); 3487 $(this).css(ASPlatforms.applyBrowserStyles({ 3488 \'transition-property\': \'transform\' 3489 }, 3490 true)); 3491 $(this).css(ASPlatforms.applyBrowserStyles({ 3492 \'transform\': \'translateZ(-\' + dist + \'px)\' 3493 })) 3494 }); 3495 e.hide(); 3496 index = 0; 3497 v.each(function () { 3498 var a = $(this); 3499 var b = (g.slicecount - 1) / 2; 3500 var c = Math.round((index - b) * g.scatter * h / 100); 3501 setTimeout(function () { 3502 a.css(ASPlatforms.applyBrowserStyles({ 3503 \'transform-style\': \'preserve-3d\', 3504 \'backface-visibility\': \'hidden\' 3505 })); 3506 a.css(ASPlatforms.applyBrowserStyles({ 3507 \'transition-property\': \'transform\' 3508 }, 3509 true)); 3510 a.css(ASPlatforms.applyBrowserStyles({ 3511 \'transition-duration\': y + \'ms\', 3512 \'transform\': \'translateZ(-\' + dist + \'px) rotateY(\' + ((g.direction) ? \'89.99\' : \'-89.99\') + \'deg)\' 3513 })); 3514 a.animate({ 3515 top: \'+=\' + c + \'px\' 3516 }, 3517 y / 2 - 50, 3518 function () { 3519 a.animate({ 3520 top: \'-=\' + c + \'px\' 3521 }, 3522 y / 2 - 50) 3523 }) 3524 }, 3525 x * index + 100); 3526 index++ 3527 }); 3528 var z = setTimeout(function () { 3529 l.trigger(\'transitionFinished\') 3530 }, 3531 g.duration); 3532 k(z) 3533 }; 3534 $.fn.blocksTransition = function (c, d, e, f, g, k) { 3535 var i, j, index; 3536 var l = this; 3537 var w = l.width(), 3538 h = l.height(); 3539 var m = Math.ceil(w / f.columncount); 3540 var n = Math.ceil(h / f.rowcount); 3541 var o = f.effects.split(","); 3542 var p = o[Math.floor(Math.random() * o.length)]; 3543 p = $.trim(p.toLowerCase()); 3544 e.hide(); 3545 for (i = 0; i < f.rowcount; i++) { 3546 for (j = 0; j < f.columncount; j++) { 3547 var q = $("<div class=\'html5zoo-img-block-wrapper-" + c + " \' style=\'display:block;position:absolute;left:" + j * m + "px;top:" + i * n + "px;width:" + m + "px;height:" + n + "px;overflow:hidden;\'></div>"); 3548 var r = $("<div class=\'html5zoo-img-block-" + c + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;\'></div>"); 3549 var s = $(\'img\', e).clone().css({ 3550 \'max-width\': \'\', 3551 \'max-height\': \'\', 3552 left: \'-\' + m * j + \'px\', 3553 top: \'-\' + n * i + \'px\' 3554 }); 3555 s.attr(\'style\', s.attr(\'style\') + \'; max-width:\' + w + \'px !important;max-height:\' + h + \'px !important;\'); 3556 r.append(s); 3557 q.append(r); 3558 l.append(q) 3559 } 3560 } 3561 var t = $(\'.html5zoo-img-block-\' + c, l); 3562 l.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3563 function () { 3564 l.unbind(\'transitionFinished\'); 3565 d.remove(); 3566 e.show(); 3567 $(\'.html5zoo-img-block-wrapper-\' + c, l).remove(); 3568 g() 3569 }); 3570 if ((p == \'bottomright\') || (p == \'bottom\')) t = $($.makeArray(t).reverse()); 3571 else if (p == \'random\') t = $($.makeArray(t).sort(function () { 3572 return 0.5 - Math.random() 3573 })); 3574 index = 0; 3575 t.each(function () { 3576 var a = $(this); 3577 var b, col; 3578 b = Math.floor(index / f.columncount); 3579 col = index % f.columncount; 3580 a.hide(); 3581 switch (p) { 3582 case \'topleft\': 3583 case \'bottomright\': 3584 a.delay(f.duration * (b + col) / (f.rowcount + f.columncount)).fadeIn(); 3585 break; 3586 case \'top\': 3587 case \'bottom\': 3588 case \'random\': 3589 a.delay(f.duration * index / (f.rowcount * f.columncount)).fadeIn(); 3590 break 3591 } 3592 index++ 3593 }); 3594 var u = setTimeout(function () { 3595 l.trigger(\'transitionFinished\') 3596 }, 3597 f.duration); 3598 k(u) 3599 }; 3600 $.fn.shuffleTransition = function (f, g, k, l, m, n) { 3601 var i, j, index; 3602 var o = this; 3603 var w = o.width(), 3604 h = o.height(); 3605 var p = Math.ceil(w / l.columncount); 3606 var q = Math.ceil(h / l.rowcount); 3607 for (i = 0; i < l.rowcount; i++) { 3608 for (j = 0; j < l.columncount; j++) { 3609 var r = $("<div class=\'html5zoo-img-block-wrapper-next-" + f + " \' style=\'display:block;position:absolute;left:" + j * p + "px;top:" + i * q + "px;width:" + p + "px;height:" + q + "px;overflow:hidden;\'></div>"); 3610 var s = $("<div class=\'html5zoo-img-block-next-" + f + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;\'></div>"); 3611 var t = $(\'img\', k).clone().css({ 3612 \'max-width\': \'\', 3613 \'max-height\': \'\', 3614 left: \'-\' + p * j + \'px\', 3615 top: \'-\' + q * i + \'px\' 3616 }); 3617 t.attr(\'style\', t.attr(\'style\') + \'; max-width:\' + w + \'px !important;max-height:\' + h + \'px !important;\'); 3618 s.append(t); 3619 r.append(s); 3620 o.append(r); 3621 var u = $("<div class=\'html5zoo-img-block-wrapper-prev-" + f + " \' style=\'display:block;position:absolute;left:" + j * p + "px;top:" + i * q + "px;width:" + p + "px;height:" + q + "px;overflow:hidden;\'></div>"); 3622 var v = $("<div class=\'html5zoo-img-block-prev-" + f + " \' style=\'display:block;position:absolute;left:0%;top:0%;width:100%;height:100%;overflow:hidden;\'></div>"); 3623 var x = $(\'img\', g).clone().css({ 3624 \'max-width\': \'\', 3625 \'max-height\': \'\', 3626 left: \'-\' + p * j + \'px\', 3627 top: \'-\' + q * i + \'px\' 3628 }); 3629 x.attr(\'style\', x.attr(\'style\') + \'; max-width:\' + w + \'px !important;max-height:\' + h + \'px !important;\'); 3630 v.append(x); 3631 u.append(v); 3632 o.append(u) 3633 } 3634 } 3635 k.hide(); 3636 g.hide(); 3637 var y = $(\'.html5zoo-img-block-wrapper-next-\' + f, o); 3638 var z = $(\'.html5zoo-img-block-wrapper-prev-\' + f, o); 3639 o.unbind(\'transitionFinished\').bind(\'transitionFinished\', 3640 function () { 3641 o.unbind(\'transitionFinished\'); 3642 g.remove(); 3643 k.show(); 3644 $(\'.html5zoo-img-block-wrapper-next-\' + f, o).remove(); 3645 $(\'.html5zoo-img-block-wrapper-prev-\' + f, o).remove(); 3646 m() 3647 }); 3648 var A = o.offset(); 3649 var B = -A.left; 3650 var C = $(window).width() - A.left - o.width() / l.columncount; 3651 var D = -A.top * 100 / o.height(); 3652 var E = $(window).height() - A.top - o.height() / l.rowcount; 3653 index = 0; 3654 z.each(function () { 3655 var a = $(this); 3656 var b = Math.random() * (C - B) + B; 3657 var c = Math.random() * (E - D) + D; 3658 a.animate({ 3659 left: b + \'px\', 3660 top: c + \'px\', 3661 opacity: 0 3662 }, 3663 l.duration, l.easing); 3664 index++ 3665 }); 3666 index = 0; 3667 y.each(function () { 3668 var a = $(this); 3669 var b = Math.floor(index / l.columncount); 3670 var c = index % l.columncount; 3671 var d = Math.random() * (C - B) + B; 3672 var e = Math.random() * (E - D) + D; 3673 a.css({ 3674 left: d + \'px\', 3675 top: e + \'px\', 3676 opacity: 0 3677 }, 3678 l.duration, l.easing); 3679 a.animate({ 3680 left: c * p + \'px\', 3681 top: b * q + \'px\', 3682 opacity: 1 3683 }, 3684 l.duration, l.easing); 3685 index++ 3686 }); 3687 var F = setTimeout(function () { 3688 o.trigger(\'transitionFinished\') 3689 }, 3690 l.duration); 3691 n(F) 3692 } 3693 })(jQuery); (function ($) { 3694 $.fn.touchSwipe = function (d) { 3695 var f = { 3696 swipeLeft: null, 3697 swipeRight: null, 3698 swipeTop: null, 3699 swipeBottom: null 3700 }; 3701 if (d) $.extend(f, d); 3702 return this.each(function () { 3703 var b = -1, 3704 startY = -1; 3705 var c = -1, 3706 curY = -1; 3707 function touchStart(a) { 3708 var e = a.originalEvent; 3709 if (e.targetTouches.length >= 1) { 3710 b = e.targetTouches[0].pageX; 3711 startY = e.targetTouches[0].pageY 3712 } else { 3713 touchCancel(a) 3714 } 3715 }; 3716 function touchMove(a) { 3717 var e = a.originalEvent; 3718 if (e.targetTouches.length >= 1) { 3719 c = e.targetTouches[0].pageX; 3720 curY = e.targetTouches[0].pageY 3721 } else { 3722 touchCancel(a) 3723 } 3724 }; 3725 function touchEnd(a) { 3726 if ((c > 0) || (curY > 0)) { 3727 triggerHandler(); 3728 touchCancel(a) 3729 } else { 3730 touchCancel(a) 3731 } 3732 }; 3733 function touchCancel(a) { 3734 b = -1; 3735 startY = -1; 3736 c = -1; 3737 curY = -1 3738 }; 3739 function triggerHandler() { 3740 if (c > b) { 3741 if (f.swipeRight) f.swipeRight.call() 3742 } else { 3743 if (f.swipeLeft) f.swipeLeft.call() 3744 } 3745 if (curY > startY) { 3746 if (f.swipeBottom) f.swipeBottom.call() 3747 } else { 3748 if (f.swipeTop) f.swipeTop.call() 3749 } 3750 }; 3751 try { 3752 $(this).bind(\'touchstart\', touchStart); 3753 $(this).bind(\'touchmove\', touchMove); 3754 $(this).bind(\'touchend\', touchEnd); 3755 $(this).bind(\'touchcancel\', touchCancel) 3756 } catch (e) { } 3757 }) 3758 } 3759 })(jQuery); 3760 jQuery.easing[\'jswing\'] = jQuery.easing[\'swing\']; 3761 jQuery.extend(jQuery.easing, { 3762 def: \'easeOutQuad\', 3763 swing: function (x, t, b, c, d) { 3764 return jQuery.easing[jQuery.easing.def](x, t, b, c, d) 3765 }, 3766 easeInQuad: function (x, t, b, c, d) { 3767 return c * (t /= d) * t + b 3768 }, 3769 easeOutQuad: function (x, t, b, c, d) { 3770 return -c * (t /= d) * (t - 2) + b 3771 }, 3772 easeInOutQuad: function (x, t, b, c, d) { 3773 if ((t /= d / 2) < 1) return c / 2 * t * t + b; 3774 return -c / 2 * ((--t) * (t - 2) - 1) + b 3775 }, 3776 easeInCubic: function (x, t, b, c, d) { 3777 return c * (t /= d) * t * t + b 3778 }, 3779 easeOutCubic: function (x, t, b, c, d) { 3780 return c * ((t = t / d - 1) * t * t + 1) + b 3781 }, 3782 easeInOutCubic: function (x, t, b, c, d) { 3783 if ((t /= d / 2) < 1) return c / 2 * t * t * t + b; 3784 return c / 2 * ((t -= 2) * t * t + 2) + b 3785 }, 3786 easeInQuart: function (x, t, b, c, d) { 3787 return c * (t /= d) * t * t * t + b 3788 }, 3789 easeOutQuart: function (x, t, b, c, d) { 3790 return -c * ((t = t / d - 1) * t * t * t - 1) + b 3791 }, 3792 easeInOutQuart: function (x, t, b, c, d) { 3793 if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b; 3794 return -c / 2 * ((t -= 2) * t * t * t - 2) + b 3795 }, 3796 easeInQuint: function (x, t, b, c, d) { 3797 return c * (t /= d) * t * t * t * t + b 3798 }, 3799 easeOutQuint: function (x, t, b, c, d) { 3800 return c * ((t = t / d - 1) * t * t * t * t + 1) + b 3801 }, 3802 easeInOutQuint: function (x, t, b, c, d) { 3803 if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b; 3804 return c / 2 * ((t -= 2) * t * t * t * t + 2) + b 3805 }, 3806 easeInSine: function (x, t, b, c, d) { 3807 return -c * Math.cos(t / d * (Math.PI / 2)) + c + b 3808 }, 3809 easeOutSine: function (x, t, b, c, d) { 3810 return c * Math.sin(t / d * (Math.PI / 2)) + b 3811 }, 3812 easeInOutSine: function (x, t, b, c, d) { 3813 return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b 3814 }, 3815 easeInExpo: function (x, t, b, c, d) { 3816 return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b 3817 }, 3818 easeOutExpo: function (x, t, b, c, d) { 3819 return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b 3820 }, 3821 easeInOutExpo: function (x, t, b, c, d) { 3822 if (t == 0) return b; 3823 if (t == d) return b + c; 3824 if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b; 3825 return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b 3826 }, 3827 easeInCirc: function (x, t, b, c, d) { 3828 return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b 3829 }, 3830 easeOutCirc: function (x, t, b, c, d) { 3831 return c * Math.sqrt(1 - (t = t / d - 1) * t) + b 3832 }, 3833 easeInOutCirc: function (x, t, b, c, d) { 3834 if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; 3835 return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b 3836 }, 3837 easeInElastic: function (x, t, b, c, d) { 3838 var s = 1.70158; 3839 var p = 0; 3840 var a = c; 3841 if (t == 0) return b; 3842 if ((t /= d) == 1) return b + c; 3843 if (!p) p = d * .3; 3844 if (a < Math.abs(c)) { 3845 a = c; 3846 var s = p / 4 3847 } else var s = p / (2 * Math.PI) * Math.asin(c / a); 3848 return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b 3849 }, 3850 easeOutElastic: function (x, t, b, c, d) { 3851 var s = 1.70158; 3852 var p = 0; 3853 var a = c; 3854 if (t == 0) return b; 3855 if ((t /= d) == 1) return b + c; 3856 if (!p) p = d * .3; 3857 if (a < Math.abs(c)) { 3858 a = c; 3859 var s = p / 4 3860 } else var s = p / (2 * Math.PI) * Math.asin(c / a); 3861 return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b 3862 }, 3863 easeInOutElastic: function (x, t, b, c, d) { 3864 var s = 1.70158; 3865 var p = 0; 3866 var a = c; 3867 if (t == 0) return b; 3868 if ((t /= d / 2) == 2) return b + c; 3869 if (!p) p = d * (.3 * 1.5); 3870 if (a < Math.abs(c)) { 3871 a = c; 3872 var s = p / 4 3873 } else var s = p / (2 * Math.PI) * Math.asin(c / a); 3874 if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b; 3875 return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b 3876 }, 3877 easeInBack: function (x, t, b, c, d, s) { 3878 if (s == undefined) s = 1.70158; 3879 return c * (t /= d) * t * ((s + 1) * t - s) + b 3880 }, 3881 easeOutBack: function (x, t, b, c, d, s) { 3882 if (s == undefined) s = 1.70158; 3883 return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b 3884 }, 3885 easeInOutBack: function (x, t, b, c, d, s) { 3886 if (s == undefined) s = 1.70158; 3887 if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b; 3888 return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b 3889 }, 3890 easeInBounce: function (x, t, b, c, d) { 3891 return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b 3892 }, 3893 easeOutBounce: function (x, t, b, c, d) { 3894 if ((t /= d) < (1 / 2.75)) { 3895 return c * (7.5625 * t * t) + b 3896 } else if (t < (2 / 2.75)) { 3897 return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b 3898 } else if (t < (2.5 / 2.75)) { 3899 return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b 3900 } else { 3901 return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b 3902 } 3903 }, 3904 easeInOutBounce: function (x, t, b, c, d) { 3905 if (t < d / 2) return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b; 3906 return jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b 3907 } 3908 }); 3909 if (typeof ASyoukuIframeAPIReady === \'undefined\') { 3910 var ASyoukuIframeAPIReady = false; 3911 var ASyoukuTimeout = 0; 3912 function onyoukuIframeAPIReady() { 3913 ASyoukuIframeAPIReady = true 3914 } 3915 } 3916 if (typeof html5zooId === \'undefined\') { 3917 var html5zooId = 0 3918 }
1 @CHARSET "UTF-8"; 2 3 #bdshare ul, #bdshare_s ul, #bdshare ul li, #bdshare_s ul li, #bdshare_l_c ul li, #bdshare_m_c ul li, #bdshare_pop ul, #bdshare_pop ul li { 4 list-style: none; 5 margin: 0; 6 padding: 0; 7 } 8 9 #bdshare { 10 _overflow-x: hidden; 11 z-index: 999999; 12 padding-bottom: 2px; 13 font-size: 12px; 14 float: left; 15 text-align: left!important; 16 zoom: 1; 17 } 18 19 #bdshare a, #bdshare_s a, #bdshare_pop a { 20 text-decoration: none; 21 cursor: pointer; 22 } 23 24 #bdshare a:hover, #bdshare_s a:hover, #bdshare_pop a:hover { 25 color: #333; 26 opacity: .8; 27 filter: alpha(opacity=80); 28 } 29 30 #bdshare img { 31 border: 0; 32 margin: 0; 33 padding: 0; 34 cursor: pointer; 35 } 36 37 #bdshare h6, #bdshare_s h6 { 38 width: 100%; 39 font: 14px/22px \'宋体\'; 40 text-indent: .5em; 41 font-weight: 700; 42 border-top: 1px solid #fbfbfb; 43 border-bottom: 1px solid #f2f1f1; 44 background-color: #f6f6f6; 45 float: left; 46 padding: 5px 0; 47 margin: 0; 48 } 49 50 #bdshare ul, #bdshare_s ul { 51 width: 98%; 52 float: left; 53 padding: 8px 0; 54 margin-left: 2px; 55 overflow: hidden; 56 } 57 58 #bdshare ul li, #bdshare_s ul li { 59 width: 47%; 60 _width: 41%; 61 float: left; 62 margin: 4px 2px; 63 } 64 65 #bdshare ul li a, #bdshare_s ul li a { 66 color: #565656; 67 font: 12px \'宋体\'; 68 display: block; 69 width: 98%; 70 padding: 6px 0; 71 text-indent: 2.4em; 72 *text-indent: 1.8em; 73 _text-indent: 1.8em; 74 border: 1px solid #fff; 75 } 76 77 #bdshare ul li a:hover, #bdshare_s ul li a:hover { 78 background-color: #f3f3f3; 79 border: 1px solid #eee; 80 -webkit-border-radius: 3px; 81 -moz-border-radius: 3px; 82 } 83 84 #bdshare p, #bdshare_s p { 85 width: 100%; 86 height: 21px; 87 font: 12px \'宋体\'; 88 border-top: 1px solid #f2f1f1; 89 background-color: #f8f8f8; 90 float: left; 91 padding: 0; 92 margin: 0; 93 } 94 95 #bdshare p a, #bdshare_s p a { 96 width: auto; 97 text-align: right; 98 float: right; 99 padding: 0 5px; 100 } 101 102 #bdshare_l { 103 width: 212px; 104 position: absolute; 105 top: 0; 106 background: #fff; 107 text-align: left; 108 } 109 110 #bdshare_l_c { 111 width: 210px; 112 float: left; 113 border: 1px solid #e9e9e9; 114 text-align: left; 115 } 116 117 #bdshare_l_c ul li { 118 width: 47%; 119 height: 26px; 120 float: left; 121 margin: 2px; 122 } 123 124 #bdshare_l_c ul li a { 125 background: url(../images/is.png?cdnversion=20131219) no-repeat; 126 height: auto!important; 127 } 128 129 #bdshare_m { 130 width: 132px; 131 float: right; 132 position: absolute; 133 zoom: 1; 134 background: #fff; 135 } 136 137 #bdshare_m_c { 138 width: 130px; 139 float: left; 140 border: 1px solid #e9e9e9; 141 overflow: hidden; 142 background: #fff; 143 } 144 145 #bdshare_m_c ul li { 146 width: 97%; 147 _width: 90%; 148 float: left; 149 margin: 2px; 150 } 151 152 #bdshare_m_c ul li a { 153 background: url(../images/is.png?cdnversion=20131219) no-repeat; 154 height: auto!important; 155 } 156 157 #bdshare_l, #bdshare_m { 158 -webkit-box-shadow: 0 0 7px #eee; 159 -moz-box-shadow: 0 0 7px #eee; 160 z-index: 99999; 161 } 162 163 #bdshare_pop { 164 width: 300px; 165 border: 6px solid #8f8f8f; 166 padding: 0; 167 background: #f6f6f6; 168 position: absolute; 169 z-index: 1000000; 170 text-align: left; 171 } 172 173 #bdshare_pop { 174 -webkit-border-radius: 5px; 175 -moz-border-radius: 5px; 176 } 177 178 #bdshare_pop { 179 -webkit-box-shadow: 0 0 7px #aaa; 180 -moz-box-shadow: 0 0 7px #aaa; 181 } 182 183 #bdshare_pop div { 184 border: 1px solid #e9e9e9; 185 float: left; 186 overflow: hidden; 187 text-align: left; 188 } 189 190 #bdshare_pop h5 { 191 width: 100%; 192 height: 28px; 193 color: #626262; 194 font: 14px/28px \'宋体\'; 195 font-weight: 700; 196 text-indent: .5em; 197 float: left; 198 margin: 0; 199 overflow: hidden; 200 } 201 202 #bdshare_pop h5 b { 203 width: 22px; 204 height: 23px; 205 background: url(../images/pop_c.gif?cdnversion=20120720) no-repeat 0 0; 206 cursor: pointer; 207 position: absolute; 208 right: 8px; 209 top: 4px; 210 } 211 212 #bdshare_pop ul { 213 width: 100%; 214 height: 256px; 215 background: #fff; 216 float: left; 217 padding: 8px 0; 218 margin: 0; 219 border-top: 1px solid #f2f1f1; 220 border-bottom: 1px solid #f2f1f1; 221 overflow: auto; 222 overflow-x: hidden; 223 } 224 225 #bdshare_pop ul li { 226 width: 130px; 227 float: left; 228 padding: 2px; 229 margin-left: 6px; 230 _margin-left: 3px; 231 height: 29px; 232 overflow: hidden; 233 } 234 235 #bdshare_pop ul li a { 236 background: url(../images/is.png?cdnversion=20131219) no-repeat; 237 color: #565656; 238 font: 12px \'宋体\'; 239 display: block; 240 width: 75%; 241 padding: 6px 0 6px 28px; 242 border: 1px solid #fff; 243 } 244 245 #bdshare_pop ul li a:hover { 246 background-color: #f3f3f3; 247 border: 1px solid #eee; 248 -webkit-border-radius: 3px; 249 -moz-border-radius: 3px; 250 } 251 252 #bdshare_pop p { 253 width: 100%; 254 font: 12px \'宋体\'; 255 float: left; 256 padding: 5px 0 8px; 257 margin: 0; 258 overflow: hidden; 259 } 260 261 #bdshare_pop p a { 262 width: auto; 263 text-align: right; 264 float: right; 265 padding: 0 5px; 266 } 267 268 #bdshare_l_c p a.goWebsite, #bdshare_m_c p a.goWebsite, #bdshare_pop p a.goWebsite { 269 text-align: right; 270 background: url(../images/pi.gif?cdnversion=20120720) no-repeat 0 center; 271 line-height: 16px; 272 padding-left: 12px; 273 color: #8c8c8c; 274 } 275 276 #bdshare_l_c p a.goWebsite:hover, #bdshare_m_c p a.goWebsite:hover, #bdshare_pop p a.goWebsite:hover { 277 color: #00a9e0; 278 } 279 280 span.bds_more { 281 background: url(../images/is.png?cdnversion=20131219) no-repeat 0 5px!important; 282 } 283 284 span.bds_more, .bds_tools a { 285 display: block; 286 font-family: \'宋体\',Arial; 287 height: 16px; 288 float: left; 289 cursor: pointer; 290 padding-top: 6px; 291 padding-bottom: 3px; 292 padding-left: 22px; 293 } 294 295 .bds_tools a { 296 background: url(../images/is.png?cdnversion=20131219) no-repeat; 297 } 298 299 .bds_tools_32 a { 300 background: url(../images/is_32.png?cdnversion=20131219) no-repeat; 301 width: 37px; 302 height: 37px; 303 display: block; 304 float: left; 305 margin-right: 3px; 306 text-indent: -100em; 307 cursor: pointer; 308 } 309 310 .bds_tools_32 span.bds_more { 311 background: url(../images/is_32.png?cdnversion=20131219) no-repeat 0 5px!important; 312 width: 37px; 313 height: 32px; 314 text-indent: -100em; 315 padding-left: 0; 316 } 317 318 .bds_tools_24 a { 319 background: url(../images/is_24.png?cdnversion=20131219) no-repeat; 320 width: 29px; 321 height: 29px; 322 display: block; 323 float: left; 324 margin-right: 3px text-indent:-100em; 325 padding-left: 0; 326 cursor: pointer; 327 } 328 329 .bds_tools_24 span.bds_more { 330 background: url(../images/is_24.png?cdnversion=20131219) no-repeat 0 5px!important; 331 width: 29px; 332 height: 24px; 333 text-indent: -100em; 334 padding-left: 0; 335 } 336 337 .bds_more { 338 background-image: url(../images/is.png?cdnversion=20131219)!important; 339 background-position: 0 4px!important; 340 } 341 342 span.bds_nopic, .bds_tools_32 span.bds_nopic, .bds_tools_24 span.bds_nopic { 343 background-image: none!important; 344 padding-left: 3px!important; 345 } 346 347 .bdshare_b img { 348 float: left; 349 } 350 351 .bdshare_b a.shareCount, .bds_tools a.shareCount, .bds_tools_32 a.shareCount, .bds_tools_24 a.shareCount { 352 float: left; 353 background: url(../images/sc.png?cdnversion=20120720) no-repeat!important; 354 margin: 0; 355 padding: 0; 356 text-align: center; 357 padding-left: 5px; 358 color: #454545; 359 font-family: \'宋体\'!important; 360 } 361 362 .bdshare_b a.shareCount, .bds_tools_24 a.shareCount { 363 width: 39px; 364 height: 24px; 365 background-position: 0 0; 366 font-size: 12px; 367 line-height: 24px; 368 margin-left: 3px; 369 } 370 371 .bdshare_b a.shareCount:hover, .bds_tools_24 a.shareCount:hover { 372 color: #454545!important; 373 background-position: -44px 0!important; 374 opacity: 1!important; 375 filter: alpha(opacity=100)!important; 376 } 377 378 .bds_tools a.shareCount { 379 width: 37px; 380 height: 16px; 381 background-position: 0 -30px!important; 382 margin-top: 5px; 383 overflow: hidden; 384 font-size: 12px; 385 line-height: 16px; 386 } 387 388 .bds_tools a.shareCount:hover { 389 color: #454545!important; 390 background-position: -42px -30px!important; 391 opacity: 1!important; 392 filter: alpha(opacity=100)!important; 393 } 394 395 .bds_tools_32 a.shareCount { 396 width: 43px; 397 height: 32px; 398 background-position: 0 -60px!important; 399 margin-top: 5px; 400 overflow: hidden; 401 font-size: 14px; 402 line-height: 32px; 403 text-indent: 0!important; 404 } 405 406 .bds_tools_32 a.shareCount:hover { 407 color: #454545!important; 408 background-position: -48px -60px!important; 409 background-position: -48px -60px; 410 opacity: 1!important; 411 filter: alpha(opacity=100)!important; 412 } 413 414 .bds_tools_24 a.shareCount { 415 margin-top: 5px; 416 } 417 418 .bds_qzone { 419 background-position: 0 -75px!important; 420 } 421 422 .bds_tsina { 423 background-position: 0 -115px!important; 424 } 425 426 .bds_bdhome { 427 background-position: 0 -155px!important; 428 } 429 430 .bds_renren { 431 background-position: 0 -195px!important; 432 } 433 434 .bds_tqq { 435 background-position: 0 -235px!important; 436 } 437 438 .bds_kaixin001 { 439 background-position: 0 -275px!important; 440 } 441 442 .bds_tqf { 443 background-position: 0 -315px!important; 444 } 445 446 .bds_hi { 447 background-position: 0 -355px!important; 448 } 449 450 .bds_douban { 451 background-position: 0 -395px!important; 452 } 453 454 .bds_tsohu { 455 background-position: 0 -435px!important; 456 } 457 458 .bds_msn { 459 background-position: 0 -475px!important; 460 } 461 462 .bds_qq { 463 background-position: 0 -515px!important; 464 } 465 466 .bds_taobao { 467 background-position: 0 -555px!important; 468 } 469 470 .bds_tieba { 471 background-position: 0 -595px!important; 472 } 473 474 .bds_sohu { 475 background-position: 0 -675px!important; 476 } 477 478 .bds_t163 { 479 background-position: 0 -715px!important; 480 } 481 482 .bds_qy { 483 background-position: 0 -755px!important; 484 } 485 486 .bds_tfh { 487 background-position: 0 -795px!important; 488 } 489 490 .bds_hx { 491 background-position: 0 -835px!important; 492 } 493 494 .bds_fx { 495 background-position: 0 -875px!important; 496 } 497 498 .bds_ff { 499 background-position: 0 -915px!important; 500 } 501 502 .bds_xg { 503 background-position: 0 -955px!important; 504 } 505 506 .bds_ty { 507 background-position: 0 -995px!important; 508 } 509 510 .bds_s51 { 511 background-position: 0 -1035px!important; 512 } 513 514 .bds_fbook { 515 background-position: 0 -1115px!important; 516 } 517 518 .bds_twi { 519 background-position: 0 -1155px!important; 520 } 521 522 .bds_ms { 523 background-position: 0 -1195px!important; 524 } 525 526 .bds_deli { 527 background-position: 0 -1235px!important; 528 } 529 530 .bds_s139 { 531 background-position: 0 -1275px!important; 532 } 533 534 .bds_iguba { 535 background-position: 0 -1315px!important; 536 } 537 538 .bds_linkedin { 539 background-position: 0 -1354px!important; 540 } 541 542 .bds_copy { 543 background-position: 0 -1393px!important; 544 } 545 546 .bds_ifeng { 547 background-position: 0 -1431px!important; 548 } 549 550 .bds_tuita { 551 background-position: 0 -1470px!important; 552 } 553 554 .bds_meilishuo { 555 background-position: 0 -1549px!important; 556 } 557 558 .bds_mogujie { 559 background-position: 0 -1589px!important; 560 } 561 562 .bds_diandian { 563 background-position: 0 -1629px!important; 564 } 565 566 .bds_huaban { 567 background-position: 0 -1669px!important; 568 } 569 570 .bds_leho { 571 background-position: 0 -1709px!important; 572 } 573 574 .bds_wealink { 575 background-position: 0 -1749px!important; 576 } 577 578 .bds_duitang { 579 background-position: 0 -1789px!important; 580 } 581 582 .bds_thx { 583 background-position: 0 -1829px!important; 584 } 585 586 .bds_mail { 587 background-position: 0 -1870px!important; 588 } 589 590 .bds_print { 591 background-position: 0 -1910px!important; 592 } 593 594 .bds_baidu { 595 background-position: 0 -1950px!important; 596 } 597 598 .bds_share189 { 599 background-position: 0 -1990px!important; 600 } 601 602 .bds_youdao { 603 background-position: 0 -2030px!important; 604 } 605 606 .bds_mshare { 607 background-position: 0 -2070px!important; 608 } 609 610 .bds_mop { 611 background-position: 0 -2110px!important; 612 } 613 614 .bds_yaoshi { 615 background-position: 0 -2150px!important; 616 } 617 618 .bds_bdxc { 619 background-position: 0 -2190px!important; 620 } 621 622 .bds_sqq { 623 background-position: 0 -2230px!important; 624 } 625 626 .bds_sdo { 627 background-position: 0 -2270px!important; 628 } 629 630 .bds_qingbiji { 631 background-position: 0 -2310px!important; 632 } 633 634 .bds_people { 635 background-position: 0 -2350px!important; 636 } 637 638 .bds_kanshou { 639 background-position: 0 -2390px!important; 640 } 641 642 .bds_xinhua { 643 background-position: 0 -2430px!important; 644 } 645 646 .bds_yaolan { 647 background-position: 0 -2470px!important; 648 } 649 650 .bds_isohu { 651 background-position: 0 -2510px!important; 652 } 653 654 .bds_bdysc { 655 background-position: 0 -2550px!important; 656 } 657 658 .bds_ibaidu { 659 background-position: 0 -2590px!important; 660 } 661 662 #bdshare .bds_fl5, #bdshare .bds_buzz, #bdshare .bds_zx { 663 display: none; 664 }