$(document).ready(function(){
var bnrslider = null;
$('.slideBnr li').show();
$('#mainSlide').css('visibility', 'visible');
$('.slideBnr').each(function(){
var slider = new SliderMng(500,5000,$(this));
$('html').mousemove(function(ev){
if($(ev.target).parents().hasClass('slideBnr')){
slider.moveTooltip($(ev.target).parents('.slideBnr').parent(),ev.pageX,ev.pageY);
}
});
});
});
function SliderMng(in_duration,in_interval,in_slideNode){
this.SLIDE_DURATION = in_duration;
this.SLIDE_INTERVAL = in_interval;
this.slideBoxNode = in_slideNode;
this.slidePanelNodes;
this.slidePanelTitles = [];
this.slideBoxParentNode;
this.firstSlideNode;
this.lastSlideNode;
this.currentSlideNode;
this.slideDistance = 0;
this.slideNavNode;
this.slideArrowL;
this.slideArrowR;
this.slideSelector;
this.tipNode;
this.tipCurrNum = 0;
this.mouseX;
this.mouseY;
this.timAutoSlider;
this.animateON = false;
this.init();
}
SliderMng.prototype.init = function(){
var _this = this;
this.initSlideBox();
}
/* スライド画像全体を包括する
への設定 */
SliderMng.prototype.initSlideBox = function(){
var _this = this;
/* スライド自体を集めて保持 */
this.slidePanelNodes = this.slideBoxNode.find('li');
////var num_width = this.slidePanelNodes.find('img').width();
var num_width = 582;
var num_height = this.slidePanelNodes.find('img').height();
/* キッチリ表示させるためにスライドのulの縦横をスライドに合わせる & relativise */
this.slideBoxNode.css({
'position': 'absolute'
,'width':num_width*this.slidePanelNodes.length
,'height':num_height,'left':'0'
,'z-index':'5'
,'list-style':'none'
,'float':'left'
,'padding':'0 0 30px'
,'margin':'0 0 10px'
});
this.slideBoxNode.wrap($('')
.css({
'position': 'relative'
,'width':num_width
,'height':num_height + 40
,'padding-bottom':'10px'
,'overflow':'hidden'
}));
this.slideBoxParentNode = this.slideBoxNode.parent();
////this.slideDistance = this.slidePanelNodes.find('img').width();
this.slideDistance = num_width;
/* その他の部位を生成 */
this.initSlides(num_height);
this.initSlideNav(this.slideBoxParentNode,this.slidePanelNodes.length,num_width,num_height);
this.initToolTip();
/* 自動再生スタート */
this.timAutoSlider = setTimeout(function(){_this.setAutoSlider()},5000);
}
/* スライド画像を包括するへの設定 */
SliderMng.prototype.initSlides = function(in_height){
var _this = this;
var num_index = num_len = this.slidePanelNodes.length;
this.slidePanelNodes.each(function(){
/* スライドエフェクトがフェイドの場合、z-indexが重要。 */
$(this).css({'z-index':num_index-1});
/* スライドエフェクトが横移動の際の初期配置 */
if(num_index == num_len){
_this.firstSlideNode = _this.currentSlideNode = $(this);
}
num_index--;
if(num_index == 0){
_this.lastSlideNode = $(this);
}
/* スライドさせる画像のtitleを引越し */
_this.slidePanelTitles.push($(this).find('img').attr('title'));
$(this).find('img').attr({'title':''});
$(this).find('img').hover(
function(){
_this.tooltipMng(true);
_this.clearAutoSlider();
}
,function(){
if(!_this.timAutoSlider)_this.timAutoSlider = setTimeout(function(){_this.setAutoSlider();},5000);
_this.tooltipMng(false);
}
);
});
$('.slideBnr li').css({
'float':'left'
,'height':in_height+30
,'background':'url("https://www.fujitsu.com/jp/Images/banner_slide_bg_tcm102-1651045.gif") left 215px no-repeat'
});
}
/* JS有効の場合のみに設置するナビゲーション(矢印、ボッチ) */
SliderMng.prototype.initSlideNav = function(in_node,in_num,in_width,in_height){
var _this = this;
/* 矢印セレクターの生成 */
this.slideArrowL = $('');
this.slideArrowL.bind('click',function(){
if(!_this.animateON){
_this.arrowPrev();
}
});
this.slideArrowR = $('');
this.slideArrowR.bind('click',function(){
if(!_this.animateON){
_this.arrowNext();
}
});
/* ボッチセレクターの 生成 */
this.slideSelector = $('');
for(var i=0;i').appendTo(this.slideSelector);
newLI.bind('click',function(){
if(!_this.animateON){
_this.selectedSlide($(this));
}
});
}
/* 親divの生成 */
this.slideNavNode = $('');
this.slideNavNode.append(this.slideArrowL)
.append(this.slideSelector)
.append(this.slideArrowR);
this.slideNavNode.appendTo(in_node);
$('.slideArrow').css({
'display':'block'
,'width':'34px'
,'height':'19px'
,'margin':'0'
,'padding':'0'
,'cursor':'pointer'
,'float':'left'
});
$('.slideSelector').css({
'list-style':'none'
,'float':'left'
,'padding':'0 10px'
});
$('.slideSelector li').css({
'float':'left'
,'cursor':'pointer'
,'line-height':'19px'
,'text-align':'center'
,'margin':'0 0 0 8px'
,'padding':'0px'
});
/* 初期状態のスライド設定 */
$('.slideSelector li').eq(0).css({
'margin-left':'0px'
,'cursor':'default'
})
.find('img').attr({'src':'https://www.fujitsu.com/jp/Images/banner_slide_selector_current_tcm102-1651047.gif'});
var num_width_nav = (34*2) + (19*this.slideSelector.children().length) + (8*this.slideSelector.children().length-1) + 20;
this.slideNavNode.css({
'position':'absolute'
,'z-index':'10'
,'margin-left':(in_width/2) - (num_width_nav/2)
,'margin-top':in_height + 10
});
}
/* ツールチップ */
SliderMng.prototype.initToolTip = function(){
this.tipNode = $('')
.css({
'position':'absolute'
,'width':'auto'
,'height':'10px'
,'line-height':'10px'
,'text-align':'center'
,'font-size':'14px'
,'padding':'5px'
,'z-index':'10000'
,'top':'0px'
,'left':'0px'
,'color':'#FFFFFF'
,'background':'url("https://www.fujitsu.com/jp/Images/banner_slide_tip_bg_tcm102-1651044.png")'
,'display':'none'
});
this.tipNode.text(this.slidePanelTitles[0])
.css({'padding-top':'3px','height':'14px'})
.append($(''));
this.tipNode.appendTo('body');
this.tipNode.css({'width':this.tipNode.width()+30});
var msie=navigator.appVersion.toLowerCase();
msie=(msie.indexOf('msie')>-1)?parseInt(msie.replace(/.*msie[ ]/,'').match(/^[0-9]+/)):0;
if(msie < 9){
this.tipNode.css({
'filter':'progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#30000000,EndColorStr=#30000000)'
});
}
}
/* ========== EVENTS ========== */
/* ----- 左から右スライド ----- */
SliderMng.prototype.slidePrev = function(in_duration,in_flg,in_num){
this.animateON = true;
var _this = this;
var num_distance = this.slideDistance;
if(in_num){
num_distance *= in_num;
}
else{
in_num = 1;
}
if(this.currentSlideNode.css('z-index') == this.firstSlideNode.css('z-index')){
this.lastSlideNode.prependTo(_this.slideBoxNode);
this.slideBoxNode.css({'left':parseInt(this.slideBoxNode.css('left'))-this.slideDistance});
this.slideBoxNode.animate({'left':parseInt(this.slideBoxNode.css('left'))+this.slideDistance},in_duration
,function(){
_this.lastSlideNode.appendTo(_this.slideBoxNode);
_this.slideBoxNode.css({'left':-1*_this.slideDistance*(_this.slidePanelNodes.length-1)});
_this.currentSlideNode = _this.lastSlideNode;
if(in_flg)_this.setSelectorCurr();
_this.animateON = false;
});
}
else{
this.slideBoxNode.animate({'left':parseInt(this.slideBoxNode.css('left'))+num_distance},in_duration
,function(){
for(var i=0,n=in_num;i'));
this.tipNode.css({'width':this.tipNode.width()+20});
}
else{
this.tipNode.css({'padding':'5px','height':'10px'});
}
}
/* ツールチップのポインター追随処理 */
SliderMng.prototype.moveTooltip = function(inNode,in_x,in_y){
var ptSelf = inNode.offset();
var ptY = in_y+25;
var ptX = in_x;
if(this.tipNode)this.tipNode.css({'top':ptY,'left':ptX});
}