Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Не работает слайдер
Не работает слайдер
ZamorusДата: Суббота, 30.10.2010, 04:43 | Сообщение # 1
Шептун
Группа: Пользователи
Пользователь №: 163
Сообщений: 45
Награды: 1
Репутация: 1
Статус: оффлайн
Доброго времени суток!
Помоги пожалуйста.
Не работает слайдер.
Сайт - Доступно только для пользователей
Слайдер:



Portal-P34
 
вверх
ELYSIUMДата: Суббота, 30.10.2010, 04:52 | Сообщение # 2
Говорун
Группа: Пользователи
Пользователь №: 16
Сообщений: 55
Награды: 0
Репутация: 2
Статус: оффлайн
Всё работает! happy


Реклама запрещена!
 
вверх
ZamorusДата: Суббота, 30.10.2010, 04:59 | Сообщение # 3
Шептун
Группа: Пользователи
Пользователь №: 163
Сообщений: 45
Награды: 1
Репутация: 1
Статус: оффлайн
Он не прокручивает картинки smile


Portal-P34
 
вверх
ELYSIUMДата: Суббота, 30.10.2010, 09:20 | Сообщение # 4
Говорун
Группа: Пользователи
Пользователь №: 16
Сообщений: 55
Награды: 0
Репутация: 2
Статус: оффлайн
хм... при нажатие на стрелочку всё переключается, или ты имеешь ввиду что он автоматом не переключается??!!!
И на будущие лучше советую поставить слайдер из этого шаблона:
Доступно только для пользователей

Либо замени свой js/slideView.js на этот.

Code
/*

    2010.3.9
    SlideView Component
    developled by Robin at ELFVision and PageTalks
    used mainly in the WUSESKY Project
       
    Visit Robin's:
    http://www.elfvision.com/
    http://pagetalks.com/
       
       
*/
(function($) {
$.iSlideView = {
    build: function(user_options) {
     var defaults = {
      thumb: true,
      thumbPrefix: "thumb_",
      frame: {
       isExist: false
      },
      slideBy : 1,
      speed: 500,
      easeOut: "swing",
      easeIn: "swing",
      easeThumb: "swing",
      loop: false,
      interval: 5000
     },
      options = $.extend(defaults, user_options),
      getThumbName = function(n,prefix) {
       var arr = n.split("/");
       var tl = n.length;
       var w = arr[arr.length-1].length;
       return n.substr(0,tl-w-1)+"/"+prefix+arr[arr.length-1];
      };
        
     return $(this).each(function() {
      var x =$(this),
       list  = x.find("ul"),
       links = list.find("a"),
       images = list.find("img"),
       slidebar,
       thumbList,
       thumbCon,
       desc,
       arrow,
       back = options.leftArrow ? $(options.leftArrow) : $("<span class='arrowL arrow'><</span>"),
       next = options.rightArrow ? $(options.rightArrow) : $("<span class='arrowR arrow'>></span>"),
       xH,
       xW,
       li,
       liW,
       totalW,
       xTotalH,
       Pointer,
       total,
       tLink,
       isBu sy = false,
       focusTo = function(p) {
        var offsetT = - (xH * p);
        if(isBusy) {
         list.stop();
        }
        isBusy = true;
        if(options.desc) {
         desc.html(options.desc[p]);
        } else {
         desc.html(images.eq(p).attr("alt"));
        }
        list.animate({
         top: offsetT +"px"
        },options.speed,options.easeOut,function() {
         isBusy = false;
        });
       };
         
      links.click(function() {
       return false;
      });
         
      //Insert a frame
      var xW = x.width();
      var xH = x.height();
      if(options.frame.isExist) {
       $("<div class='slideFrame' />").appendTo(x).css({
        width: x.width()-options.frame.width * 2,
        height: x.height()-options.frame.width * 2,
        border: options.frame.width+"px solid "+ options.frame.color,
        position: "absolute",
        top: 0,
        left: 0,
        zIndex: 4
       });
      }
         
      //Insert thumb list, arrows, captions
      desc = $("<p class='desc' />").appendTo(x);
      if(options.thumb || (!options.leftArrow || !options.rightArrow) ) {
       slidebar = $("<div class='slidebar' />").appendTo(x).fadeTo("fast",0.8);
      }
      if(options.thumb) {
       thumbList = $("<ul class='thumbList' />");
       thumbCon = $("<div class='wrap' />").append(thumbList).appendTo(slidebar);
       //prepare sidebar thumbs
       $.each(images,function(index,img){
        thumbList.append("<li><a href='#' id='"+ (index+1) +"'><img src='"+getThumbName(img.src,options.thumbPrefix)+"' alt='"+img.alt+"' /></a></li>");
       });
          
       li = thumbList.find("li");
       liW = li.width();
       totalW = li.length * liW;
       thumbList.css("width",totalW).hover(function() {
        slidebar.fadeTo("fast",1);
       }, function() {
        slidebar.fadeTo("fast",0.8);
       });
       tLink = thumbList.find("a").each(function(i) {
        $(this).hover(function() {
         var id = this.id-1;
         (function(index){
          if(index!=Pointer) {
           focusTo(id);    
          }
         })(i);
        },function() {
         focusTo(Pointer);
        });
       });
      }
      if(!options.leftArrow || !options.rightArrow) {
       slidebar.append(next).prepend(back);
      }
         
      focusTo(0);
         
      desc.fadeTo("fast",0.6).hover(function() {
       $(this).fadeTo("fast",0.9);
      },function() {
       $(this).fadeTo("fast",0.6);
      });
         
      xTotalH = images.length * xH;
      list.css("height",xTotalH);
         
      Pointer = 0;
      total = images.length;
         
      if(!options.leftArrow) {back.fadeTo("fast",0.5);}
         
      if(options.loop) {//loop the slide
       setInterval(function() {
        next.click();
       },options.interval);
      }
         
      next.click(function() {
      if( total - Pointer > options.slideBy ) {
       if(options.thumb) {
       var offsetL =  parseInt(thumbList.css("left")) - liW * options.slideBy;
        thumbList.animate({
         left: offsetL + "px"
        },options.speed,options.easeThumb);
       }
          
       Pointer+=options.slideBy;
       focusTo(Pointer);
          
       if(!options.leftArrow) {
        back.fadeTo("fast",1);
       }
      } else {
       if(options.loop) {
        if(options.thumb) {
         thumbList.animate({
          left: "0px"
         },options.speed,options.easeThumb);
        }
        Pointer = 0;
        focusTo(0);
       } else {
        next.fadeTo("fast",0.5);
       }
      }
      return false;
      });
         
      back.click(function() {
      if(Pointer!=0) {
       if(options.thumb) {
        var offsetL =  parseInt(thumbList.css("left")) + liW * options.slideBy;
        thumbList.animate({
         left: offsetL + "px"
        },options.speed,options.easeThumb);
       }
          
       Pointer-=options.slideBy;
       focusTo(Pointer);
          
       if(!options.rightArrow) {
        next.fadeTo("fast",1);
        if(Pointer==0)//when slide back to the start
         back.fadeTo("fast",0.5);
       }
      }    
      return false;
      });
     });
    }
};
$.fn.slideView = $.iSlideView.build;
})(jQuery);

Добавлено (30.10.2010, 09:20)
---------------------------------------------
Вот эта фигуля отвечает за автомат переключение, которой в твоём js нету.

Code
var defaults = {    
       thumb: true,    
       thumbPrefix: "thumb_",    
       frame: {    
        isExist: false    
       },    
       slideBy : 1,    
       speed: 500,    
       easeOut: "swing",    
       easeIn: "swing",    
       easeThumb: "swing",    
       loop: false,    
       interval: 5000    
      },



Реклама запрещена!

Сообщение отредактировал ELYSIUM - Суббота, 30.10.2010, 09:21
 
вверх
cechДата: Суббота, 30.10.2010, 13:09 | Сообщение # 5
Генерал печатного дела
Группа: Администраторы
Пользователь №: 1
Сообщений: 1706
Награды: 59
Репутация: 108
Статус: оффлайн
Zamorus, у меня все работает)


 
вверх
ZamorusДата: Суббота, 30.10.2010, 16:34 | Сообщение # 6
Шептун
Группа: Пользователи
Пользователь №: 163
Сообщений: 45
Награды: 1
Репутация: 1
Статус: оффлайн
Уже исправил, вот и работает smile
Спасибо.



Portal-P34
 
вверх
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Не работает слайдер
  • Страница 1 из 1
  • 1
Поиск: