Поправить скрипт со SlideShow

Тема в разделе "Мегафлуд", создана пользователем vave, 27 ноя 2015.

  1. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Всем привет!
    Нужно сделать возможность автоматического перелистывания картинок, но скрипт который встроен в сайт, не перелистывается, хотя судя по коду, в нем эта функция заложена, но при ее активации, картинки меняются со скоростью света.
    Видимо где-то надо вставить функцию временного промежутка, между перелистыванием.
    Вопрос в этом: как и куда?

    Код:
    //0.3.1
    (function($){
        $.fn.bgStretch=function(o){
            this.each(function(){
                var th=$(this),
                    data=th.data('bgStretch'),
                    _={
                        align:'leftTop',
                        css:{
                            leftTop:{
                                left:0,
                                right:'auto',
                                top:0,
                                bottom:'auto'
                            },
                            rightTop:{
                                left:'auto',
                                right:0,
                                top:0,
                                bottom:'auto'
                            },
                            leftBottom:{
                                left:0,
                                right:'auto',
                                top:'auto',
                                bottom:0
                            },
                            rightBottom:{
                                left:'auto',
                                right:0,
                                top:'auto',
                                bottom:0
                            }
                        },
                        preFu:function(){
                            _.img
                                .load(function(){
                                    _.k=_.img.height()/_.img.width()
                                    _.img
                                        .css({
                                            width:'100%',
                                            height:'100%',
                                            position:'absolute',
                                            zIndex:-1,
                                            left:0,
                                            top:0
                                        })
                                })
                            _.img[0].complete
                                &&_.img.trigger('load')
                            _.me
                                .css({
                                    position:'absolute',
                                    zIndex:-1
                                })
                                .css(_.css[_.aalign=_.align])
                            _.wrap
                                .css({
                                    width:'100%',
                                    height:'100%',
                                    position:'fixed',
                                    left:0,
                                    top:0,
                                    overflow:'hidden',
                                    zIndex:-1
                                })
                        },
                        resizeFu:function(){
                            var wh=_.win.height(),
                                ww=_.win.width(),
                                k=wh/ww
                            if(_.aalign!=_.align)
                                _.me
                                    .css(_.css[_.aalign=_.align])
    
                            if(k<_.k)
                                _.me
                                    .css({
                                        width:ww,
                                        height:ww*_.k
                                    })
                            else
                                _.me
                                    .css({
                                        width:wh/_.k,
                                        height:wh
                                    })
                           
                        },
                        chngFu:function(str){
                            $.fn.sImg
                                ?_.me.sImg(str)
                                :_.img.attr({src:str})
                        },
                        init:function(){
                            _.win=$(window)                       
                            _.img=$('img',_.me)
                            _.me.wrap('<div></div>')
                            _.wrap=_.me.parent()
                           
                            _.preFu()
                            $(window)
                                .resize(function(){
                                    _.resizeFu()
                                })
                                .trigger('resize')
                        _.navigs&&_.navigs.data('navigs')
                                &&_.navigs.navigs(function(n,__){
                                    _.chngFu(__.href)
                                })
                               
                        }
                    }
                data?_=data:th.data({bgStretch:_})
                typeof o=='object'&&$.extend(_,o)
                _.me||_.init(_.me=th)
               
                typeof o=='string'&&_.chngFu(o)
            })
            return this       
        }
    })(jQuery)
    
    //0.2.3 image changer
    ;(function($){
        $.fn.sImg=function(o,cb){
            this.each(function(){
                var th=$(this),
                    data=th.data('sImg'),
                    _={
                        duration:1000,
                        sleep:300,
                        spinner:false,
                        preFu:function(){
                            _.me.css('position')=='static'
                                &&_.me.css({position:'relative',zIndex:1})
                        },                   
                        chngFu:function(src){
                            if(src==_.src)
                                return false
                            _.src=src
                            _.buff=_.buff||$('<img>').css({position:'absolute',top:'-999%',left:'-999%'})
                            if(_.clone&&_.clone.is(':animated'))
                                _.clone.stop()
                            if(_.clone)
                                _.clone.remove()
                            if(_.spinner!==false)
                                if(typeof _.spinner=='string')
                                    _.spinner=$(_.spinner).hide()
                                else
                                    if(typeof _.spinner=='object')
                                        _.spinner
                                            //.appendTo(_.me)
                                            .fadeIn()
                            _.buff
                                .appendTo('body')
                                .unbind('load')
                                .load(function(){
                                    setTimeout(function(){
                                        if(_.img.css('position')=='static')                                       
                                            _.me
                                                .css({
                                                    width:_.buff.width(),
                                                    height:_.buff.height()
                                                }),
                                            _.img
                                                .css({
                                                    position:'absolute',
                                                    left:0,
                                                    top:0
                                                })
                                        _.clone=_.img.clone()
                                            .css({
                                                position:'absolute',
                                                left:_.img.prop('offsetLeft'),
                                                top:_.img.prop('offsetTop')
                                            })
                                            .appendTo(_.me)
                                        _.spinner
                                            &&_.spinner.fadeOut()
                                        _.img.attr({src:src})
                                        _.clone
                                            .stop()
                                            .animate({
                                                opacity:0
                                            },{
                                                duration:_.duration,
                                                complete:function(){
                                                    _.clone.remove()
                                                    cb&&cb()
                                                }
                                            })
                                            _.buff.detach()
                                            _.spinner
                                                &&_.spinner.hide()
                                    },_.sleep)
                                })
                                .attr({src:src})
                        },
                        init:function(){
                            _.img=$('>img',_.me)
                            _.preFu()                       
                        }
                    }
                data?_=data:th.data({sImg:_})
                typeof o=='object'&&$.extend(_,o)
                _.me||_.init(_.me=th)
               
                if(_.spinner!==false)
                    if(typeof _.spinner=='string')
                        _.spinner=$(_.spinner).hide()
               
                typeof o=='string'&&_.chngFu(o)
            })
            return this
        }
    })(jQuery)
    
    
    var aniButtonDuration = 350;
    if($.browser.msie && $.browser.version<9)
    {
        aniButtonDuration = 0;
    }
    
    
    
    Слайд активировал заменой autoPlay:false, на autoPlay:true,
    JS "bgStretch"
    Надеюсь на вашу помощь!
     
    Последнее редактирование: 27 ноя 2015
  2. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Вот вторая часть кода, к сожалению весь код в одно сообщение не влез (ограничение форума)

    Код:
    
    
    //0.4.3
    ;(function($){
        $.fn.navigs=function(o){
            this.each(function(){
                var th=$(this),
                    data=th.data('navigs'),
                    _={
                        enable:true,
                        actCl:'active',
                        changeEv:'change',
                        indx:[],
                        hshx:[],
                        useHash:false,
                        defHash:'#!/',
                        outerHash:false,
                        autoPlay:false,
                        blockSame:true,
                        hover:true,
                        contRetFalse:true,
                        preFu:function(){                      
                            _.li.each(function(n){
                                var th=$(this)
                                _.indx[n]=th
                                _.useHash
                                    &&(_.hshx[n]=$('a',th).attr('href'))
                                    &&location.hash==_.hshx[n]
                                        &&th.addClass(_.actCl)
                            })                      
                        },
                        rfrshFu:function(){
                            _.prev=_.curr
                            _.pren=_.n
                            _.curr=false
                            _.n=-1
                            _.param='close'
                          
                            _.li.each(function(n){
                                var th=$(this)
                                if(th.hasClass(_.actCl))
                                    _.curr=th,
                                    _.n=n,
                                    _.href=$('a',th).attr('href'),
                                    _.param=_.useHash?_.href:_.nz
                              
                                if(!th.hasClass(_.actCl)){
                                   th.find('span').stop().animate({opacity:0}, aniButtonDuration,'easeOutCubic')
                                   th.find('div').stop().animate({opacity:1}, aniButtonDuration,'easeOutCubic')                               
                                } else{
                                    th.find('span').stop().animate({opacity:1}, aniButtonDuration,'easeOutCubic')
                                    th.find('div').stop().animate({opacity:0}, aniButtonDuration,'easeOutCubic')                               
                                }
                            })                      
                        },
                        markFu:function(){
                            _.li.each(function(n){
                                var th=$(this)
                                _.n==n?_.hvrin(th):_.hvrout(th)
                            })
                        },
                        hashFu:function(){
                            $(window)
                                .bind('hashchange',function(){
                                    _.prevHash=_.hash
                                    _.checkHashFu(_.outerHash=_.hash=location.hash)
                                })
                            $('a',_.li)
                                .click(function(){
                                    if(!_.enable)
                                        return false
                                })
                        },
                        checkHashFu:function(hash){
                            if(hash=='#back')
                                return _.backFu()
                            if(hash=='#close')
                                return _.closeFu()
                            _.li.each(function(n){
                                if(_.hshx[n]==_.hash)
                                    _.chngFu(n),
                                    _.outerHash=false
                            })
                            if(_.outerHash)                          
                                _.li.removeClass(_.actCl),
                                _.rfrshFu(),
                                _.markFu(),
                                _.param=_.outerHash,
                                _.me.trigger(_.changeEv)
                        },
                        cntrFu:function(){
                            _.li.each(function(n){
                                var th=$(this)
                                $('a',th)
                                    .click(function(){
                                        _.chngFu(n)
                                        if(_.contRetFalse)
                                            return false
                                    })                                  
                            })
                        },
                        autoPlayFu:function(){
                            if(!_.autoPlay)
                                return false
                            if(_.int)
                                clearInterval(_.int)
                            _.int=setInterval(_.nextFu,_.autoPlay)
                        },
                        chngFu:function(n){
                          
                            if(!_.enable)
                                return false
                            if(n==_.n&&_.blockSame)
                                return false                      
                            _.indx[n]
                                &&_.li.removeClass(_.actCl)
                                //&&_.indx[n].addClass(_.actCl)
                                
                            _.li.each(function(){
                                if(_.indx[n].find('a').attr('href') == $(this).find('a').attr('href')){
                                    $(this).addClass(_.actCl)
                                }  
                            })
                          
                            _.rfrshFu()
                            _.markFu()
                            _.autoPlayFu()
                            if(_.useHash&&location.hash!=_.hshx[_.n])
                                location.hash=_.hshx[_.n]
    
                            _.me.trigger(_.changeEv)
                          
                        },
                        closeFu:function(){
                            _.li.removeClass(_.actCl)
                            _.rfrshFu()
                            _.markFu()
                            _.me.trigger(_.changeEv)
                            location.hash=_.defHash
                        },
                        backFu:function(){
                            _.chngFu(_.pren)
                        },
                        nextFu:function(){
                            var n=_.n
                            _.chngFu(++n<_.li.length?n:0)
                        },
                        prevFu:function(){
                            var n=_.n
                            _.chngFu(--n>=0?n:_.li.length-1)
                        },
                        customStr:function(str){
                            //console.log(str)
                        },
                        init:function(){
                            //_.me.bind(_.changeEv,function(){_.defFunc(_.param,_)})
                            _.li=$('ul>li',_.me)
                            _.preFu()
                            _.rfrshFu()
                            _.markFu()
                            _.useHash
                                ?_.hashFu()
                                :_.cntrFu()
                            _.hoverFu()
                            _.autoPlayFu()
                            _.useHash
                                &&_.checkHashFu(_.outerHash=_.hash=location.hash)
                            //_.defFunc(_.param,_)
                            _.li.hasClass(_.actCl)
                                &&_.me.trigger(_.changeEv)
                        },
                        hoverFu:function(){
                            _.li.each(function(n){
                                var th=$(this)
                                $('a',th)
                                    .bind('mouseenter',function(){
                                        if(_.enable)
                                            if(_.hover&&n!=_.n)
                                                _.hvrin(th)
                                    })
                                    .bind('mouseleave',function(){
                                        if(_.enable)
                                            if(_.hover&&n!=_.n)
                                                _.hvrout(th)
                                    })
                            })
                        },
                        hvrin:function(el){
                            _.hoverIn(el,_)
                            _.hover=='sprites'
                                &&$('a',el).sprites('hoverin')
                        },
                        hvrout:function(el){
                            _.hoverOut(el,_)
                            _.hover=='sprites'
                                &&$('a',el).sprites('hoverout')
                        },
                        hoverIn:function(){},
                        hoverOut:function(){},
                        defFunc:function(){}
                    }
                  
                data?_=data:th.data({navigs:_=$.extend({},_)})
                typeof o=='object'&&$.extend(_,o)
              
                if(typeof o=='function')
                    return th.bind(_.changeEv,function(){o(_.param,_);return false}).trigger(_.changeEv)
              
                _.me||_.init(_.me=th)
              
                typeof o=='number'&&_.chngFu(o)
                //typeof o=='boolean'&&(_.enable=o)
                typeof o=='string'&&(o=='prev'||o=='next'||o=='close'||o=='back'?_[o+'Fu']():_.useHash?o.slice(0,3)=='#!/'&&(location.hash=o)||_.customStr(o):_.customStr(o))
            })
            return this
        }
      
    })(jQuery)
    
    
     
  3. Jame

    Jame

    Регистр.:
    16 июл 2012
    Сообщения:
    308
    Симпатии:
    126
    //0.2.3 image changer
    duration:1000,
    sleep:300,
    В первой части эти параметры вы пробовали изменять ?
     
  4. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Да пробовал, первым делом..
    sleep:300, - отвечает за задержку перед началом бешеных перелистываний
    а duration непонятно за что
     
    Последнее редактирование: 28 ноя 2015
  5. vave

    vave

    Регистр.:
    23 июн 2007
    Сообщения:
    369
    Симпатии:
    14
    Тему можно закрывать, я просто очистил сайт от стандартного слайдера и поставил сторонний скрипт.