var FrontPublic_slideShow01 = function () { //变量初始? this.ce_slide_effect_style = null; //展示效果cd 1:左右Ud 2Q右左移?3Q上下移?4Q下上移?5Q渐隐切? this.ce_slide_index = 0; //文章索引值存储器 this.ce_slide_pic_temple = null; //内容临时存储? this.ce_slide_open_type = null; //链接打开方式 this.ce_slide_show_title = null; //是否昄标题 1:昄 0:不显C? this.ce_slide_show_content = null; //是否昄内容 1:昄 0Q不昄 this.ce_slide_tag_style = null; //展示样式cd 0:~略囑ֱC?1:U文字标{? this.ce_slide_recursion_times = null; //轮播延时旉 this.ce_slide_id = ""; // qȝ片块唯一ID this.ce_requestDataFilePath = ""; this.ce_slide_settimeout = null; this.ce_slide_autoPlay = null; //是否自动播放 0:不自动播?1:自动播放 this.ce_slide_totle = null; //qȝ片L //UI界面参数 所有UI参数单位为px this.ce_slide_img_width = null; //d宽度 this.ce_slide_img_height = null; //d高度 this.ce_slide_thumbnail_width = null; //~略囑֮? this.ce_slide_thumbnail_height = null; //~略N? this.ce_slide_tag_text_width = 16; //qȝ片数字页{֮? this.ce_slide_tag_text_height = 16; //qȝ片数字页{N? this.ce_slide_info_mark_height = 60; //文章信息区遮|层高度 this.ce_slide_thumbnail_max_width = 0; //~略囑ֈ表总长? this.ce_slide_thumbnail_show_width = 0; //展示区域宽度 this.ce_slide_thumbnail_pages = 1; //qȝ片页? this.ce_slide_thumbnail_groups = 0; //qȝ片分늻宽度 this.ce_slide_thumbnail_tmp = 0; //页计数? //数据容器 this.ce_slide_contes_obj = Object(); //内容数据对象 this.ce_slide_imgs = new Array(); //d数据 this.ce_slide_imgs_hrefs = new Array(); //文章链接数据 this.ce_slide_thumbnails = new Array(); //~略图数? this.ce_slide_titles = new Array(); //文章标题数据 this.ce_slide_memos = new Array(); //文章摘要数据 //DOM对象数据 this.ce_slide_frame = null; //qȝ片主体对? this.ce_slide_contente = null; //qȝ片主区域对象 this.ce_slide_pic = null; //d区域对象 this.ce_slide_tag_thumbnail = null; //~略囑֌域对? this.ce_slide_thumbnail_list = null; //~略囑֌域外层容器对? this.ce_slide_thumbnail_arrowhead = null; //~略囄|钮对? this.ce_slide_tag_text = null; //文字区域对? this.ce_slide_info_mark = null; //透明遮罩层对? this.ce_slide_info = null; //文章信息内容区对? this.ce_slide_info_title = null; //文章信息?标题对象 this.ce_slide_text_memo = null; //说明文信息区-概要对象 this.ce_slide_arrowhead_left = null; //~略囄左 this.ce_slide_arrowhead_right = null; //~略囄右 this.FrontPublic_slideShow01_tempSetTimeout = null; //旉 /* * qȝ片初始化Ҏ * 参数说明Q? * setJsonData 是通过JSP赋D取放有灯片配置参数的字W串Q通过 this.ce_slide_strToJson() Ҏ解析q{换成JSON数据 * querySegment 为展C内Ҏ据请求时的URL参数片断 */ this.ce_slide_init = function (setJsonData, querySegment) { //初始化函? //this.ce_slide_frame.css("width",this.ce_slide_img_width); //Ҏ需求该处暂时关 //所有DOM对象q行初始? window.clearTimeout(this.FrontPublic_slideShow01_tempSetTimeout); if (setJsonData) { var setJsonData = this.ce_slide_strToJson(setJsonData); this.ce_slide_open_type = setJsonData.openType; this.ce_slide_tag_style = setJsonData.showType; this.ce_slide_recursion_times = setJsonData.changeTimes; this.ce_slide_show_title = setJsonData.isShowSlideTitle; this.ce_slide_show_content = setJsonData.isShowSlideContent; this.ce_requestDataFilePath = setJsonData.requestDataFilePath; this.ce_slide_id = this.ce_requestDataFilePath.replace("/comp-FrontSlide_listJson01", "FrontPublic_slideShow01"); //外部数据 var tempData = getjQueryData(setJsonData.requestDataFilePath, querySegment); this.ce_slide_contes_obj = eval("(" + tempData + ")"); this.ce_slide_frame = $("#" + this.ce_slide_id + ""); //alert("csfh" + this.ce_slide_frame.height()); this.ce_slide_contente = $("#" + this.ce_slide_id + " .slide-contente"); //alert(this.ce_slide_contente.height()); this.ce_slide_pic = $("#" + this.ce_slide_id + " .slide-pic ul"); this.ce_slide_tag_thumbnail = $("#" + this.ce_slide_id + " .slide-tag-thumbnail ul"); this.ce_slide_thumbnail_list = $("#" + this.ce_slide_id + " .thumbnail-list"); this.ce_slide_thumbnail_arrowhead = $("#" + this.ce_slide_id + " .slide-tag-thumbnail .arrowhead"); this.ce_slide_tag_text = $("#" + this.ce_slide_id + " .slide-tag-text ul"); this.ce_slide_info_mark = $("#" + this.ce_slide_id + " .slide-info-mark"); this.ce_slide_info = $("#" + this.ce_slide_id + " .slide-info"); this.ce_slide_info_title = $("#" + this.ce_slide_id + " .slide-info h3"); this.ce_slide_text_memo = $("#" + this.ce_slide_id + " .slide-text"); this.ce_slide_arrowhead_left = $("#" + this.ce_slide_id + " .arrowhead-left"); this.ce_slide_arrowhead_right = $("#" + this.ce_slide_id + " .arrowhead-right"); this.ce_slide_totle = this.ce_slide_contes_obj["contents"].length; this.ce_slide_contents_init(); this.ce_slide_tag_init(); this.ce_slide_img_init(); this.ce_slide_run(); //alert(this.ce_slide_frame.attr("id")); //alert($("#" + this.ce_slide_id + " .slide-tag-text").attr("class")); //alert(this.ce_slide_id); } }; /* * 展示内容文字区域内容初始化方? */ this.ce_slide_contents_init = function () { this.ce_slide_effect_style = this.ce_slide_contes_obj["setData"].changeStyle; this.ce_slide_autoPlay = this.ce_slide_contes_obj["setData"].isPlaysSet; for (var i = 0; i < this.ce_slide_totle; i++) { this.ce_slide_imgs[i] = this.ce_slide_contes_obj["contents"][i].bigPicPath; this.ce_slide_imgs[i] = this.ce_slide_contes_obj["contents"][i].bigPicPath; this.ce_slide_imgs_hrefs[i] = this.ce_slide_contes_obj["contents"][i].plink; this.ce_slide_thumbnails[i] = this.ce_slide_contes_obj["contents"][i].smallPicPath; this.ce_slide_titles[i] = this.ce_slide_contes_obj["contents"][i].slideName; this.ce_slide_memos[i] = this.ce_slide_contes_obj["contents"][i].descriPtion; } }; /* * 文字늭初始? */ this.ce_slide_tag_text_init = function () { for (var i = 0; i < this.ce_slide_totle; i++) { if (i == 0) { this.ce_slide_tag_text.append("
  • " + (i + 1) + "
  • "); } else { this.ce_slide_tag_text.append("
  • " + (i + 1) + "
  • "); } } //关闭JS控制样式规格 //this.ce_slide_tag_text.find("ul").find("li").width(this.ce_slide_tag_text_width); //this.ce_slide_tag_text.find("ul").find("li").height(this.ce_slide_tag_text_height); }; /* * ~略N{ֈ始化Ҏ * 在初始化q程中检查羃略图的列表的总长度是否超Z~略囑ֱC区域的长度Q如果超出则昄在羃略图列表左右增加左右页按钮 */ this.ce_slide_tag_thumbnail_init = function () { //~略N{ֈ始化 if (this.ce_slide_thumbnails.length) { for (var i = 0; i < this.ce_slide_totle; i++) { this.ce_slide_tag_thumbnail.append("
  • "); } /* Ҏ需求该处暂时关? this.ce_slide_tag_thumbnail.find("img").width(this.ce_slide_thumbnail_width); this.ce_slide_tag_thumbnail.find("img").height(this.ce_slide_thumbnail_height); */ } //查羃略图列表总长度是否超出,展示区域长度 //计算~略图总长?总长度的计算方式?li_width + margin-left + margin-right + padding-left + padding-right this.ce_slide_thumbnail_max_width += parseInt(this.ce_slide_tag_thumbnail.find("li").width()); this.ce_slide_thumbnail_max_width += parseInt(this.ce_slide_tag_thumbnail.find("li").css("margin-left").replace("px", "")); this.ce_slide_thumbnail_max_width += parseInt(this.ce_slide_tag_thumbnail.find("li").css("margin-right").replace("px", "")); this.ce_slide_thumbnail_max_width += parseInt(this.ce_slide_tag_thumbnail.find("li").css("padding-left").replace("px", "")); this.ce_slide_thumbnail_max_width += parseInt(this.ce_slide_tag_thumbnail.find("li").css("padding-right").replace("px", "")); this.ce_slide_thumbnail_max_width = parseInt(this.ce_slide_thumbnail_max_width * this.ce_slide_totle); //Ҏ~略图总长度是否超出灯片总长? if (parseInt(this.ce_slide_frame.width()) < this.ce_slide_thumbnail_max_width) { //如果出则展C左右翻|? //计算展示区域宽度 this.ce_slide_thumbnail_show_width = this.ce_slide_frame.width() - parseInt(this.ce_slide_tag_thumbnail.parent().parent().find(".arrowhead").width() * 2); this.ce_slide_tag_thumbnail.parent().width(this.ce_slide_thumbnail_show_width); //计算~略囑ֈ表d度ƈ赋? this.ce_slide_tag_thumbnail.width(this.ce_slide_thumbnail_max_width); //计算分页| this.ce_slide_thumbnail_groups = this.ce_slide_thumbnail_max_width / this.ce_slide_thumbnail_show_width; this.ce_slide_thumbnail_groups = (Math.floor(this.ce_slide_thumbnail_groups) > 0) ? parseInt(this.ce_slide_thumbnail_groups) + 1 : this.ce_slide_thumbnail_groups; this.ce_slide_arrowhead_left.addClass("no-arrowhead"); } else { //Ҏ~略图数量计^均长?q_长度 = qȝ长度 / 囄长度 同时清除li表内所有margin和padding var li_width = parseInt(this.ce_slide_frame.width()) / parseInt(this.ce_slide_totle); li_width = li_width / parseInt(this.ce_slide_frame.width()) * 100; //清除margin和padding this.ce_slide_tag_thumbnail.find("li").attr("style", "padding:0px;margin:0px;width:" + li_width + "%"); this.ce_slide_tag_thumbnail.width(parseInt(this.ce_slide_frame.width())); this.ce_slide_tag_thumbnail.parent().width(parseInt(this.ce_slide_frame.width())); this.ce_slide_thumbnail_arrowhead.attr("style", "display:none"); } }; /* * ~略囑֒数字늭展示效果初始? */ this.ce_slide_tag_init = function () { switch (parseInt(this.ce_slide_tag_style)) { case 1: this.ce_slide_tag_text.parent().css("display", "block"); this.ce_slide_tag_text_init(); break; case 0: this.ce_slide_tag_thumbnail.parent().parent().css("display", "block"); this.ce_slide_tag_thumbnail_init(); break; } }; /* * 늭页效果Ҏ */ this.ce_slide_tag_changeStyle = function () { //늭轮播变换样式 var nowObj = null; if (this.ce_slide_tag_text.length) { //如果늭数据存在 this.ce_slide_tag_text.find("li").removeClass(); nowObj = this.ce_slide_tag_text.find("li:eq(" + this.ce_slide_index + ")"); nowObj.addClass("slide-hover"); } if (this.ce_slide_thumbnails.length) { //如果~略图数据存? this.ce_slide_tag_thumbnail.find("li").removeClass(); nowObj = this.ce_slide_tag_thumbnail.find("li:eq(" + this.ce_slide_index + ")") nowObj.addClass("slide-hover"); } }; /* * 大图内容展示区初始化Ҏ */ this.ce_slide_img_init = function () { this.ce_slide_pic.html(""); this.ce_slide_contente.css("height", this.ce_slide_img_height); //alert(this.ce_slide_img_height); for (var i = 0; i < this.ce_slide_totle; i++) { if (parseInt(this.ce_slide_imgs_hrefs[i].length) > 0) { this.ce_slide_pic.append("
  • "); } else if (parseInt(this.ce_slide_imgs_hrefs[i].length) <= 0) { this.ce_slide_pic.append("
  • "); } } }; /* * Ҏ后台参数赋予的参数值来初始化指定的切换效果Q? * 参数名ؓQ?style * 参数| 1 淡出淡入效果 * 2 向右滚动效果 * 3 向左滚动效果 * 4 向下滚动效果 * 5 向上滚动效果 */ this.ce_slide_effect_init = function (style) { //效果cd选择 switch (style) { case 1: //淡出淡入效果 if (!this.ce_slide_pic_temple) { //如果存储器ؓI,则表明灯ؓW一ơ显C? this.ce_slide_pic_temple = this.ce_slide_pic.find("li:eq(" + (this.ce_slide_imgs.length - 1) + ")"); } this.ce_slide_effect_gradual(); break; case 2: //向右滚动效果 this.ce_slide_pic_temple = (this.ce_slide_pic_temple) ? this.ce_slide_pic_temple : 1; this.ce_slide_pic_temple = (this.ce_slide_index == null) ? this.ce_slide_pic_temple : (this.ce_slide_index + 1); this.ce_slide_effect_aspect_x("right"); break; case 3: //向左滚动效果 this.ce_slide_pic_temple = (this.ce_slide_pic_temple) ? this.ce_slide_pic_temple : 1; this.ce_slide_pic_temple = (this.ce_slide_index == null) ? this.ce_slide_pic_temple : (this.ce_slide_index + 1); this.ce_slide_effect_aspect_x("left"); break; case 4: //向下滚动效果 this.ce_slide_pic_temple = (this.ce_slide_pic_temple) ? this.ce_slide_pic_temple : 1; this.ce_slide_pic_temple = (this.ce_slide_index == null) ? this.ce_slide_pic_temple : (this.ce_slide_index + 1); this.ce_slide_effect_aspect_y("bottom"); break; case 5: //向上滚动效果 this.ce_slide_pic_temple = (this.ce_slide_pic_temple) ? this.ce_slide_pic_temple : 1; this.ce_slide_pic_temple = (this.ce_slide_index == null) ? this.ce_slide_pic_temple : (this.ce_slide_index + 1); this.ce_slide_effect_aspect_y("top"); break; } }; /* * 水^切换效果Q其?aspect 参数为指定的某一个水qx向,参数值分别ؓQ?left ?right */ this.ce_slide_effect_aspect_x = function (aspect) { var aspect_float; var slide_pic_width = this.ce_slide_frame.width() * this.ce_slide_imgs.length; var now_position; if (aspect == "left") { aspect_float = "right"; now_position = -(slide_pic_width - this.ce_slide_frame.width() * this.ce_slide_pic_temple); } if (aspect == "right") { aspect_float = "left"; now_position = (this.ce_slide_pic_temple == 1) ? 0 : -(this.ce_slide_frame.width() * (this.ce_slide_pic_temple - 1)); } this.ce_slide_pic.css("position", "absolute"); this.ce_slide_pic.css("width", slide_pic_width); this.ce_slide_pic.animate({ left: now_position }, "slow"); this.ce_slide_pic.find("li").css("float", aspect_float); this.ce_slide_pic_temple = (this.ce_slide_pic_temple >= this.ce_slide_imgs.length) ? 1 : this.ce_slide_pic_temple + 1; }; /* * 垂直切换效果Q其?aspect 参数为指定的某一个水qx向,参数值分别ؓQ?left ?right */ this.ce_slide_effect_aspect_y = function (aspect) { if (aspect == "top") { //从上C this.ce_slide_pic.html(""); this.ce_slide_pic.css("position", "absolute"); for (var i = this.ce_slide_imgs.length - 1; i >= 0; i--) { if (parseInt(this.ce_slide_imgs_hrefs[i].length)) this.ce_slide_pic.append("
  • "); else this.ce_slide_pic.append("
  • "); } var now_position = -(this.ce_slide_pic.height() - this.ce_slide_pic.find("li").height() * this.ce_slide_pic_temple); this.ce_slide_pic.animate({ top: now_position }, "slow"); } if (aspect == "bottom") { //从下C this.ce_slide_pic.css("position", "absolute"); var now_position = (this.ce_slide_pic_temple == 1) ? 0 : -(this.ce_slide_pic.find("li").height() * (this.ce_slide_pic_temple - 1)); this.ce_slide_pic.animate({ top: now_position }, "slow"); } this.ce_slide_pic_temple = (this.ce_slide_pic_temple >= this.ce_slide_imgs.length) ? 1 : this.ce_slide_pic_temple + 1; }; /* * 淡出淡入效果Q初始化Ҏ */ this.ce_slide_effect_gradual = function () { //alert("{{{{:" + this.ce_slide_recursion_times); //alert("ce_slide_pic}}}}}}}:" + this.ce_slide_pic.parent().parent().parent().attr("id")); this.ce_slide_pic.find("li").css("position", "absolute"); this.ce_slide_pic.find("li").css("top", "0"); this.ce_slide_pic.find("li").css("left", "0"); this.ce_slide_pic.find("li").css("display", "none"); var nowOBJ = this.ce_slide_pic.find("li:eq(" + this.ce_slide_index + ")"); /* * 切换速度讄 */ nowOBJ.fadeIn(1000); }; /* * 在页面输出展C内容的Ҏ */ this.ce_slide_show = function () { this.ce_slide_effect_init(this.ce_slide_effect_style); //同步~略图主展示区宽? this.ce_slide_contente.width(this.ce_slide_frame.width()); //同步qȝ片宽度与大图宽度 this.ce_slide_pic.find("img").width(this.ce_slide_frame.width()); //同步qȝ片展C区域高度与大图区域的高? this.ce_slide_pic.find("img").height(this.ce_slide_contente.height()); this.ce_slide_pic.parent().width(this.ce_slide_frame.width()); //alert(this.ce_slide_frame.height()); //文章信息展示 //原始数据清理 this.ce_slide_info_title.html(""); this.ce_slide_text_memo.html(""); this.ce_slide_tag_changeStyle(); //늭轮播变换样式 if (parseInt(this.ce_slide_show_title)) { this.ce_slide_info_title.html(this.ce_slide_titles[this.ce_slide_index]); //更新文章标题 } if (parseInt(this.ce_slide_show_content)) { this.ce_slide_text_memo.html(this.ce_slide_memos[this.ce_slide_index]); //更新文章摘要 } //蒙版初始?蒙板暂时为固定高 所以暂时关? //var mark_height = (this.ce_slide_info_mark_height)?this.ce_slide_info_mark_height:(this.ce_slide_info.height()+this.ce_slide_tag_text_height); //this.ce_slide_info_mark.height(mark_height+"px"); this.ce_slide_index = (this.ce_slide_index >= (this.ce_slide_imgs.length - 1)) ? 0 : (this.ce_slide_index + 1); }; /* * 自动轮播Ҏ */ this.ce_slide_loop = function () { this.ce_slide_show(); // ce_slide.ce_slide_settimeout = setTimeout("ce_slide.ce_slide_loop()",ce_slide.ce_slide_recursion_times); var thise = this; if (this.ce_slide_autoPlay) { thise.FrontPublic_slideShow01_tempSetTimeout = setTimeout ( function () { thise.ce_slide_loop(); }, thise.ce_slide_recursion_times ); } }; /* * 鼠标点击某一个内容块的事情处理方法,参数 obj 为鼠标点d的某一个对? */ this.ce_slide_hover_init = function (obj, thise) { obj.click(function () { thise.ce_slide_index = obj.index(this); thise.ce_slide_show(); if (this.ce_slide_autoPlay) { window.clearTimeout(thise.FrontPublic_slideShow01_tempSetTimeout); thise = setTimeout(function () { thise.ce_slide_loop(); }, thise.ce_slide_recursion_times); } }); }; /* * 鼠标点击按钮Q根据按钮的CLASS名来执行左移动或右移动的事g */ this.ce_slide_arrowhead_click_init = function (obj, thise) { obj.click(function () { var arrowhead = $(this).attr("class").split(" "); switch (arrowhead[0].replace(/(^\s*)|(\s*$)/g, "")) { case "arrowhead-left": if (thise.ce_slide_thumbnail_pages > 1 && thise.ce_slide_thumbnail_pages != 1) { thise.ce_slide_thumbnail_tmp += thise.ce_slide_thumbnail_show_width; thise.ce_slide_tag_thumbnail.animate({ left: thise.ce_slide_thumbnail_tmp }, "slow"); thise.ce_slide_thumbnail_pages = ((thise.ce_slide_thumbnail_pages - 1) < 0) ? 0 : (thise.ce_slide_thumbnail_pages - 1); } if (thise.ce_slide_thumbnail_pages <= 1) { $(this).addClass("no-arrowhead"); thise.ce_slide_arrowhead_right.removeClass("no-arrowhead"); } if (thise.ce_slide_thumbnail_pages < thise.ce_slide_thumbnail_groups) { thise.ce_slide_arrowhead_right.removeClass("no-arrowhead"); } break; case "arrowhead-right": if (thise.ce_slide_thumbnail_pages < thise.ce_slide_thumbnail_groups) { thise.ce_slide_thumbnail_tmp -= thise.ce_slide_thumbnail_show_width; thise.ce_slide_tag_thumbnail.animate({ left: thise.ce_slide_thumbnail_tmp }, "slow"); thise.ce_slide_thumbnail_pages += 1; } if (thise.ce_slide_thumbnail_pages >= thise.ce_slide_thumbnail_groups) { $(this).addClass("no-arrowhead"); thise.ce_slide_arrowhead_left.removeClass("no-arrowhead"); } if (thise.ce_slide_thumbnail_pages > 1 && thise.ce_slide_thumbnail_pages != 1) { thise.ce_slide_arrowhead_left.removeClass("no-arrowhead"); } break; } }) }; /* * M内容初始化完毕后Q执行灯展C的Ҏ */ this.ce_slide_run = function () { //执行 var arrowhead_h; //临时悬Q记录? this.ce_slide_hover_init(this.ce_slide_tag_thumbnail.find("li"), this); this.ce_slide_hover_init(this.ce_slide_tag_text.find("li"), this); //分页头操作 this.ce_slide_arrowhead_click_init(this.ce_slide_tag_thumbnail.parent().parent().find(".arrowhead"), this); var thise = this; this.ce_slide_tag_thumbnail.parent().parent().find(".arrowhead").hover ( function () { arrowhead_h = $(this).attr("class").split(" "); switch (arrowhead_h[0].replace(/(^\s*)|(\s*$)/g, "")) { case "arrowhead-left": if (thise.ce_slide_thumbnail_pages > 1) $(this).addClass("arrowhead-left-hover"); break; case "arrowhead-right": if (thise.ce_slide_thumbnail_pages < thise.ce_slide_thumbnail_groups) $(this).addClass("arrowhead-right-hover"); break; } }, function () { arrowhead_h = $(this).attr("class").split(" "); switch (arrowhead_h[0].replace(/(^\s*)|(\s*$)/g, "")) { case "arrowhead-left": $(this).removeClass("arrowhead-left-hover"); break; case "arrowhead-right": $(this).removeClass("arrowhead-right-hover"); break; } } ); this.ce_slide_loop(); }; /* * URL参数形式的字W串转化成JSON数据的数据格式化Ҏ。参数值str 为参数的URL字符? */ this.ce_slide_strToJson = function (str) { segs = str.match(/=/g).length; for (var i = 0; i < segs; i++) { str = str.replace("=", ":'").replace("&", "',"); } str += "'"; return eval("str = {" + str + "};"); }; };var i18n_products_error_beginValue = "开始D入错误!"; var i18n_products_error_endValue = "l束D入错误!"; var i18n_products_inputcorrectdate = "日期格式YYYY-MM-DD"; var i18n_products_mustlessenddate = "开始时间应于{于截止旉Q?; var i18n_products_mustaboveprice = "l束金额不能于开始金额!"; var i18n_FrontNews_list01_news_page_haveNoRight="您没有浏览此条信息的权限Q?;var i18n_product_productsToCa="请选择要进行比较的商品";