какой-то там слайдер

Код:
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" /

>


<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/39493.js"></script>

<!--


/* Cлайдер 14.03.2013 */

$.fn.slideF = function(slide_time,round_time_) {

  var SlideWrp = this;

  var Height = +SlideWrp.attr('slide-height');
  var Width = +SlideWrp.attr('slide-width');
  SlideWrp.css({'width':Width+'px','height':Height+'px'})


  var table ='<table width="100%" class="sliderN" border="0"><tbody>\
  <tr valign=center align=center><td class="left"></td>\
  <td class="slider-tab"></td>\
  <td  class="right"></td></tr></tbody></table>';

  var SlideknopK = $("img.button-left,img.button-right",SlideWrp);
  var slidesTab = $(".slider-content",SlideWrp);
  var WdtL = +$("img.button-left",SlideWrp).attr('button-width');
  var WdtR = +$("img.button-right",SlideWrp).attr('button-width');


  var Htab = Height;
  SlideWrp.prepend(table);
  var SlideTd = (".sliderN td:eq(1)",SlideWrp);
  var leftButtd = $("td.left",SlideWrp);
  var rightButtd = $("td.right",SlideWrp);

  leftButtd.attr('width',WdtL);
  rightButtd.attr('width',WdtR);
  $("img.button-left",SlideWrp).appendTo(leftButtd);
  $("img.button-right",SlideWrp).appendTo(rightButtd);

  var indMax = slidesTab.length,ind = 0;
  slidesTab.css('height',(Height-4)+'px','max-height',(Height-4)+'px');
  var HslidesWrp = Height-3;//alert(HslidesWrp);
  var WslidesWrp = Width-WdtL-WdtL-9;
  var WraperSlids ='<div class="Wrap-slids" style="width:'+WslidesWrp+'px;max-width:'+WslidesWrp+'px;height:'+HslidesWrp+'px;max-height:'+HslidesWrp+'px;"><div class="train" style="width:'+(WslidesWrp*(indMax+1))+'px;"></div></div>';


  $(".sliderN td.slider-tab",SlideWrp).append(WraperSlids);
  $(".slider-content",SlideWrp).appendTo(".train",SlideWrp);
  var widthSL = WslidesWrp;
  $(".slider-content",SlideWrp).css({'width':(widthSL)+'px','max-width':(widthSL)+'px','display':'inline-block','float':'left'}).removeClass('active'); //
  var W=widthSL;

   SlideWrp.append('<div id="indexActive"></div>');
   $(".slider-content",SlideWrp).each(function(i){
     $(this).attr('id','Slide-'+i);
     $("#indexActive").prepend('<span id="active_Ind_'+i+'"></span>')
   });$("#indexActive #active_Ind_0").addClass('active');


  var train = $(".train",SlideWrp);
  var b = $(".slider-content",SlideWrp);

  function margTst(){return + train.css('margin-left').split('px')[0]}

  b.each(function(){$(this).prependTo(train)});
  train.css({'margin-left':''+(margTst()-W*(indMax-1))+'px'});


   // Проверка наличия заданного времени анимации //
  if(typeof(slide_time)!='number')var slide_time=700;
  var timeAnimateKnopa = parseInt(slide_time/3.6);
  if (timeAnimateKnopa >220)timeAnimateKnopa=200;


  var busy = false;
  function roundSlide(a,time_x,N){//alert('roundSlide')
      if(!start&&start==busy)return;start = false;
      busy = true;
      var time = parseInt(time_x/(Math.sqrt((N+1))))
      if(a){
	var b = $(".slider-content:last",SlideWrp);
	b.css({'margin-left':-W+'px'});b.prependTo(train);
	b.animate({'margin-left':'0'},time,"linear",function(){
	      N--;if(!N){busy = false;start = true;return}else roundSlide(a,time_x,N);
	});
      } else {
	var b = $(".slider-content:first",SlideWrp);
	b.animate({'margin-left':-W+'px'},time,"linear",function(){
	      b.css({'margin-left':0});b.appendTo(train);N--;
	      if(!N){busy = false;start = true;return}else roundSlide(a,time_x,N);
	});
      }
  }


  var start = true;
  $("img.button-right,img.button-left",SlideWrp).show()
  train.css({'margin-left':''+(margTst()+ W)+'px'});
  roundSlide(0,0,1);



  function DeltaPrevNext(a,b){//
     if(!start||busy) return;
     var right = true;
     if(a!=b){var N=b-a;
       if(N<0){N=b+indMax-a;}
       roundSlide(right,slide_time,N);
     }
  }

  function indexActive(){
      var index = +($("#indexActive > span.active",SlideWrp).attr('id').split('Ind_')[1]);
      $("#indexActive > span.active,SlideWrp").removeClass('active');
      return index;
  }

  function setActiveAndSlide(delta){
      if(!start||busy) return;
      var ind = indexActive();
      var b = ind+delta; if(b<0) b = indMax+b;
      b = b % indMax;
      $("#indexActive > span[id='active_Ind_"+b+"']",SlideWrp).addClass('active');
      roundSlide((delta>0),slide_time,1);
  }



  SlideknopK.click(function(){
     if(!start||busy) return;        var delta=1;
     if($(this).hasClass('button-left'))delta=-1;
     SlideknopK.removeClass('active'); $(this).addClass('active');
     $(this).animate({'opacity':0.66},timeAnimateKnopa).animate({'opacity':1.0},timeAnimateKnopa);
     setActiveAndSlide(delta)
     return false;
  });

  var IndexknopK = $("#indexActive>span",SlideWrp);

  IndexknopK.click(function(){
     SlideknopK.removeClass('active'); $("img.button-right",SlideWrp).addClass('active');
     $("img.button-right",SlideWrp).animate({'opacity':0.66},timeAnimateKnopa).animate({'opacity':1.0},timeAnimateKnopa);
     if(!start||busy) return;
     var startI = indexActive();
     $(this).addClass('active');
     var nextI = +$(this).attr('id').split('Ind_')[1];
     DeltaPrevNext(startI,nextI)
  });

// АВТОПРОКРУТКА
 if(!!(round_time_)&&(typeof(round_time_)=='number')&&(round_time_ < 11)) {round_time_=parseInt(round_time_)*1000;
   var intervalAutoId;
   var UserNoActSlide=true;
   SlideWrp.bind('mouseenter mousemove',function(){ //Cброс автозапуска по наведению
      UserNoActSlide=false;//alert("A")
      clearInterval(intervalAutoId);
      UserNoActSlide=false;
    }).mouseleave(function(){                     //Разрешаем автозапуск по сходу курсора
      clearInterval(intervalAutoId);
      UserNoActSlide=true;
    });


     setInterval(function(){                  //Периодический тест активности и автозапуск
       if(UserNoActSlide){
         clearInterval(intervalAutoId);
         intervalAutoId=setInterval(function(){
           UserNoActSlide=false;
	   $("img.button-right",SlideWrp).click()
         },round_time_ ); // Интервал автопрокрутки
        }
       
     },11000);        // Интервал Теста;

 }

}

</script>-->
<!--
<style>

/**********************
   Cлайдер

**********************/

#slider2 {  /*Фон и подвижка слайдера*/
  background:transparent url(http://s2.uploads.ru/rn5eI.jpg) 0 0 no-repeat;
 /*outline:solid red 1px!important;*/
  margin-left:-5px;
  margin-top: 0;
}
</style> -->
<style>
#indexActive{ /*Задаём Позицию индикаторов*/
  position:absolute;
  z-index:1000;
  margin-left: 580px;
  margin-top: -6px;
}

span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
  display:inline-block;
  cursor:pointer;
  float:right;
  background:transparent url(http://s3.uploads.ru/geZ4A.png) no-repeat center top;
  /*border:solid 2px blue!important;*/
  height:11px;
  width:10px;
  padding:0 1px 0 1px;
  margin:10px 6px;
}
span[id^="active_Ind"]:hover{  /*Индикатор при наведении */
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
  box-shadow:1px 1px 4px #515F6C;
}
span[id^="active_Ind"].active{ /*Активный индикатор */
  background-position: center -12px;
}


/**********************
   Стиль контента слайдера

**********************/
.Amin-Moder {
  width: 215px; 
  vertical-align:top;
  display:inline-block;
  /*outline:solid red 1px;*/
  margin:34px 35px auto 15px;
}
.Amin-Moder *{
  float:none;
}

.Amin-Moder img{
  float:left;
}
.Amin-Moder img{
  padding:8px;
}

</style>

<div class="wrap-slider2" align="center">
<!-- Cлайдер -->
   <div id="slider2" slide-width="742" slide-height="200" class="slider" style="padding:12px;height:0;width:0">

    <img button-width="36" class="button-left hide" src="http://s3.uploads.ru/gwvyS.png"/>
    <img button-width="36" class="button-right" src="http://s3.uploads.ru/TsxA7.png"/>


<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

    <img style="margin-top:7px;" src="http://s2.uploads.ru/6dc5t.png" width=99% height=95%/>

</div>

<!-- 2-й Контейнер слайдера -->
<div class="slider-content"><span>2</span><br />

    <span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span>
    <span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span>

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content"><span>3</span><br />

    <span class="Amin-Moder"><img src="http://s3.uploads.ru/otGwc.png"/></span>

</div>

<!-- 4-й Контейнер слайдера -->
<div class="slider-content"><span>4</span><br />


    <span class="Amin-Moder">
Админ-1
<br />
<img src="http://s3.uploads.ru/9sqei.png"/>
<pre>Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd<br />
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
<br />
</pre>
    </span>
    <span class="Amin-Moder">
Админ-1
<br />
<img src="http://s3.uploads.ru/9sqei.png"/>
<pre>Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd
Текст asdasdasd<br />
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
Текст asdasdasd Текст
<br />
</pre>
    </span>

</div>

   </div><script>$("#slider2").slideF(660,4);</script>
never look back

Меню навигации

Пользовательские ссылки

Информация о пользователе

какой-то там слайдер

Сообщений 1 страница 1 из 1

Поделиться12016-04-08 13:38:47
