Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.01.2016, 14:22
Новичок на форуме
Отправить личное сообщение для sti111 Посмотреть профиль Найти все сообщения от sti111
 
Регистрация: 18.03.2014
Сообщений: 8

Автоматическая смена картинок
Здравствуйте форумчане! Прошу сильно не пинать новичка. Помогите сделать интервал между сменой картинок 10 секунд. Заранее спасибо!

ws_fade=function(options){var $=jQuery;options.duration=options.duration||1000;v ar Images=[];var curIdx=0;this.init=function(aCont){Images=$("img", aCont).get();$(Images).each(function(Index){if(!In dex){$(this).show();}else{$(this).hide();}});};thi s.go=function(new_index){$(Images).each(function(I ndex){if(Index==new_index){$(this).fadeIn(options. duration);}if(Index==curIdx){$(this).fadeOut(optio ns.duration);}});curIdx=new_index;return true;};};// -----------------------------------------------------------------------------------
function WowSlider(options){var $=jQuery;options=options||{};var $Elements=$("#wowslider-images A");$Elements.each(function(index){var inner=$(this).html()||"";var pos=inner.indexOf(">",inner);if(pos>=0){$(this).da ta("descr",inner.substr(pos+1));if(pos<inner.lengt h-1){$(this).html(inner.substr(0,pos+1));}}$(this).c ss({'font-size':0});});var elementsCount=$Elements.length;var $ws_container=$("#wowslider-container");var frame=$("A#wowslider-frame").get(0);var curIdx=0;function go(index){if(curIdx==index){return;}var current=effect.go(index);if(!current){return;}if(t ypeof current!="object"){current=$Elements[index];}curIdx=index;go2(index);if(options.caption){setT itle(current);}}function go2(index){if(options.bullets){setBullet(index);}i f(frame){frame.setAttribute("href",$Elements.get(i ndex).href);}}var autoPlayTimer;function restartPlay(){stopPlay();if(options.autoPlay){auto PlayTimer=setTimeout(function(){go(curIdx<elements Count-1?curIdx+1:0);restartPlay();},options.delay+option s.duration);}}function stopPlay(){if(autoPlayTimer){clearTimeout(autoPlay Timer);}autoPlayTimer=null;}$Elements.find("IMG"). css("position","absolute");var effect=new window["ws_"+options.effect](options);effect.init($("#wowslider-images"));$Elements.find("IMG").css("visibility"," visible");var ic=c=$("#wowslider-images");var t="";c=t?$("<div></div>"):0;if(c){c.css({position:"absolute",right:"2 px",bottom:"2px",padding:"0 0 0 0"});ic.append(c);}if(c&&document.all){var f=$("<iframe src=\"javascript:false\"></iframe>");f.css({position:"absolute",left:0,top:0, width:"100%",height:"100%",filter:"alpha(opacity=0 )"});f.attr({scrolling:"no",framespacing:0,border: 0,frameBorder:"no"});c.append(f);}var d=c?$(document.createElement("A")):c;if(d){d.css({ position:"relative",display:"block",'background-color':"#E4EFEB",color:"#837F80",'font-family':"Lucida Grande,sans-serif",'font-size':"11px",'font-weight':"normal",'font-style':"normal",'-moz-border-radius':"5px",'border-radius':"5px",padding:"1px 5px",width:"auto",height:"auto",margin:"0 0 0 0",outline:"none"});d.attr({href:"ht"+"tp://"+t.toLowerCase()});d.html(t);d.bind("contextmenu" ,function(eventObject){return false;});c.append(d);}if(options.controls){var $next_photo=$("<a href=\"#\" class=\"ws_next\">"+options.next+"</a>");var $prev_photo=$("<a href=\"#\" class=\"ws_prev\">"+options.prev+"</a>");$ws_container.append($next_photo);$ws_contain er.append($prev_photo);$next_photo.bind("click",fu nction(e){stopPlay();e.preventDefault();go(curIdx< elementsCount-1?curIdx+1:0);restartPlay();});$prev_photo.bind("c lick",function(e){stopPlay();e.preventDefault();go (curIdx>0?curIdx-1:elementsCount-1);restartPlay();});}function initBullets(){$bullets=$(".ws_bullets a",$ws_container);$bullets.each(function(index){$( this).bind("click",function(e){stopPlay();e.preven tDefault();go(index);restartPlay();});});}function setBullet(new_index){$(".ws_bullets A",$ws_container).each(function(index){if(index==n ew_index){$(this).addClass("ws_selbull");}else{$(t his).removeClass("ws_selbull");}});}if(options.cap tion){$caption=$("<div class='ws-title' style='display:none'></div>");$ws_container.append($caption);$caption.bin d("mouseover",function(e){stopPlay();});$caption.b ind("mouseout",function(e){restartPlay();});}funct ion setTitle(A){var title=$("img",A).attr("title");var descr=$(A).data("descr");var $Title=$(".ws-title",$ws_container);$Title.hide();if(title||desc r){$Title.html((title?"<span>"+title+"</span>":"")+(descr?"<div>"+descr+"</div>":""));$Title.fadeIn(400,function(){if($.brows er.msie){$(this).get(0).style.removeAttribute("fil ter");}});}}if(options.bullets){initBullets();}go2 (0);if(options.caption){setTitle($Elements[0]);}restartPlay();}var wowSlider=new WowSlider({effect:"fade",prev:"",next:"",duration: 10*100,delay:20*100,outWidth:604,outHeight:403,wid th:604,height:403,caption:true,controls:true,autoP lay:true,bullets:true});
Ответить с цитированием
  #2 (permalink)  
Старый 14.01.2016, 15:45
Новичок на форуме
Отправить личное сообщение для sti111 Посмотреть профиль Найти все сообщения от sti111
 
Регистрация: 18.03.2014
Сообщений: 8

Я так понимаю надо в этой строке менять, но не могу сообразить

setTimeout(function(){go(curIdx<elementsCount-1?curIdx+1:0);restartPlay,();},options.delay+optio ns.duration)
Ответить с цитированием
  #3 (permalink)  
Старый 14.01.2016, 15:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

sti111,
delay: 10000

Пожалуйста, отформатируйте свой код! тогда можно будет сказать строку

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #4 (permalink)  
Старый 14.01.2016, 15:53
Новичок на форуме
Отправить личное сообщение для sti111 Посмотреть профиль Найти все сообщения от sti111
 
Регистрация: 18.03.2014
Сообщений: 8

Наверное так?
[js]
ws_fade=function(options){var $=jQuery;options.duration=options.duration||1000;v ar Images=[];var curIdx=0;this.init=function(aCont){Images=$("img", aCont).get();$(Images).each(function(Index){if(!In dex){$(this).show();}else{$(this).hide();}});};thi s.go=function(new_index){$(Images).each(function(I ndex){if(Index==new_index){$(this).fadeIn(options. duration);}if(Index==curIdx){$(this).fadeOut(optio ns.duration);}});curIdx=new_index;return true;};};// -----------------------------------------------------------------------------------
function WowSlider(options){var $=jQuery;options=options||{};var $Elements=$("#wowslider-images A");$Elements.each(function(index){var inner=$(this).html()||"";var pos=inner.indexOf(">",inner);if(pos>=0){$(this).da ta("descr",inner.substr(pos+1));if(pos<inner.lengt h-1){$(this).html(inner.substr(0,pos+1));}}$(this).c ss({'font-size':0});});var elementsCount=$Elements.length;var $ws_container=$("#wowslider-container");var frame=$("A#wowslider-frame").get(0);var curIdx=0;function go(index){if(curIdx==index){return;}var current=effect.go(index);if(!current){return;}if(t ypeof current!="object"){current=$Elements[index];}curIdx=index;go2(index);if(options.caption){setT itle(current);}}function go2(index){if(options.bullets){setBullet(index);}i f(frame){frame.setAttribute("href",$Elements.get(i ndex).href);}}var autoPlayTimer;function restartPlay(){stopPlay();if(options.autoPlay){auto PlayTimer=
setTimeout(function(){go(curIdx<elements Count-1?curIdx+1:0);restartPlay();},options.delay+option s.duration)
;}}function stopPlay(){if(autoPlayTimer){clearTimeout(autoPlay Timer);}autoPlayTimer=null;}$Elements.find("IMG"). css("position","absolute");var effect=new window["ws_"+options.effect](options);effect.init($("#wowslider-images"));$Elements.find("IMG").css("visibility"," visible");var ic=c=$("#wowslider-images");var t="";c=t?$("<div></div>"):0;if(c){c.css({position:"absolute",right:"2 px",bottom:"2px",padding:"0 0 0 0"});ic.append(c);}if(c&&document.all){var f=$("<iframe src=\"javascript:false\"></iframe>");f.css({position:"absolute",left:0,top:0, width:"100%",height:"100%",filter:"alpha(opacity=0 )"});f.attr({scrolling:"no",framespacing:0,border: 0,frameBorder:"no"});c.append(f);}var d=c?$(document.createElement("A")):c;if(d){d.css({ position:"relative",display:"block",'background-color':"#E4EFEB",color:"#837F80",'font-family':"Lucida Grande,sans-serif",'font-size':"11px",'font-weight':"normal",'font-style':"normal",'-moz-border-radius':"5px",'border-radius':"5px",padding:"1px 5px",width:"auto",height:"auto",margin:"0 0 0 0",outline:"none"});d.attr({href:"ht"+"tp://"+t.toLowerCase()});d.html(t);d.bind("contextmenu" ,function(eventObject){return false;});c.append(d);}if(options.controls){var $next_photo=$("<a href=\"#\" class=\"ws_next\">"+options.next+"</a>");var $prev_photo=$("<a href=\"#\" class=\"ws_prev\">"+options.prev+"</a>");$ws_container.append($next_photo);$ws_contain er.append($prev_photo);$next_photo.bind("click",fu nction(e){stopPlay();e.preventDefault();go(curIdx< elementsCount-1?curIdx+1:0);restartPlay();});$prev_photo.bind("c lick",function(e){stopPlay();e.preventDefault();go (curIdx>0?curIdx-1:elementsCount-1);restartPlay();});}function initBullets(){$bullets=$(".ws_bullets a",$ws_container);$bullets.each(function(index){$( this).bind("click",function(e){stopPlay();e.preven tDefault();go(index);restartPlay();});});}function setBullet(new_index){$(".ws_bullets A",$ws_container).each(function(index){if(index==n ew_index){$(this).addClass("ws_selbull");}else{$(t his).removeClass("ws_selbull");}});}if(options.cap tion){$caption=$("<div class='ws-title' style='display:none'></div>");$ws_container.append($caption);$caption.bin d("mouseover",function(e){stopPlay();});$caption.b ind("mouseout",function(e){restartPlay();});}funct ion setTitle(A){var title=$("img",A).attr("title");var descr=$(A).data("descr");var $Title=$(".ws-title",$ws_container);$Title.hide();if(title||desc r){$Title.html((title?"<span>"+title+"</span>":"")+(descr?"<div>"+descr+"</div>":""));$Title.fadeIn(400,function(){if($.brows er.msie){$(this).get(0).style.removeAttribute("fil ter");}});}}if(options.bullets){initBullets();}go2 (0);if(options.caption){setTitle($Elements[0]);}restartPlay();}var wowSlider=new WowSlider({effect:"fade",prev:"",next:"",duration: 10*100,delay:20*100,outWidth:604,outHeight:403,wid th:604,height:403,caption:true,controls:true,autoP lay:true,bullets:true});
[/js]

Последний раз редактировалось sti111, 14.01.2016 в 15:58.
Ответить с цитированием
  #5 (permalink)  
Старый 14.01.2016, 15:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

sti111, строка 207
function WowSlider(options) {
    var $ = jQuery;
    options = options || {};
    var $Elements = $("#wowslider-images A");
    $Elements.each(function(index) {
        var inner = $(this).html() || "";
        var pos = inner.indexOf(">", inner);
        if (pos >= 0) {
            $(this).da ta("descr", inner.substr(pos + 1));
            if (pos < inner.lengt h - 1) {
                $(this).html(inner.substr(0, pos + 1));
            }
        }
        $(this).c ss({
            'font-size': 0
        });
    });
    var elementsCount = $Elements.length;
    var $ws_container = $("#wowslider-container");
    var frame = $("A#wowslider-frame").get(0);
    var curIdx = 0;

    function go(index) {
        if (curIdx == index) {
            return;
        }
        var current = effect.go(index);
        if (!current) {
            return;
        }
        if (t ypeof current != "object") {
            current = $Elements[index];
        }
        curIdx = index;
        go2(index);
        if (options.caption) {
            setT itle(current);
        }
    }

    function go2(index) {
        if (options.bullets) {
            setBullet(index);
        }
        i f(frame) {
            frame.setAttribute("href", $Elements.get(i ndex).href);
        }
    }
    var autoPlayTimer;

    function restartPlay() {
        stopPlay();
        if (options.autoPlay) {
            auto PlayTimer = setTimeout(function() {
                go(curIdx < elements Count - 1 ? curIdx + 1 : 0);
                restartPlay();
            }, options.delay + option s.duration);
        }
    }

    function stopPlay() {
        if (autoPlayTimer) {
            clearTimeout(autoPlay Timer);
        }
        autoPlayTimer = null;
    }
    $Elements.find("IMG").css("position", "absolute");
    var effect = new window["ws_" + options.effect](options);
    effect.init($("#wowslider-images"));
    $Elements.find("IMG").css("visibility", " visible");
    var ic = c = $("#wowslider-images");
    var t = "";
    c = t ? $("<div></div>") : 0;
    if (c) {
        c.css({
            position: "absolute",
            right: "2 px",
            bottom: "2px",
            padding: "0 0 0 0"
        });
        ic.append(c);
    }
    if (c && document.all) {
        var f = $("<iframe src=\"javascript:false\"></iframe>");
        f.css({
            position: "absolute",
            left: 0,
            top: 0,
            width: "100%",
            height: "100%",
            filter: "alpha(opacity=0 )"
        });
        f.attr({
            scrolling: "no",
            framespacing: 0,
            border: 0,
            frameBorder: "no"
        });
        c.append(f);
    }
    var d = c ? $(document.createElement("A")) : c;
    if (d) {
        d.css({
            position: "relative",
            display: "block",
            'background-color': "#E4EFEB",
            color: "#837F80",
            'font-family': "Lucida Grande,sans-serif",
            'font-size': "11px",
            'font-weight': "normal",
            'font-style': "normal",
            '-moz-border-radius': "5px",
            'border-radius': "5px",
            padding: "1px 5px",
            width: "auto",
            height: "auto",
            margin: "0 0 0 0",
            outline: "none"
        });
        d.attr({
            href: "ht" + "tp://" + t.toLowerCase()
        });
        d.html(t);
        d.bind("contextmenu", function(eventObject) {
            return false;
        });
        c.append(d);
    }
    if (options.controls) {
        var $next_photo = $("<a href=\"#\" class=\"ws_next\">" + options.next + "</a>");
        var $prev_photo = $("<a href=\"#\" class=\"ws_prev\">" + options.prev + "</a>");
        $ws_container.append($next_photo);
        $ws_contain er.append($prev_photo);
        $next_photo.bind("click", fu nction(e) {
            stopPlay();
            e.preventDefault();
            go(curIdx < elementsCount - 1 ? curIdx + 1 : 0);
            restartPlay();
        });
        $prev_photo.bind("c lick", function(e) {
            stopPlay();
            e.preventDefault();
            go(curIdx > 0 ? curIdx - 1 : elementsCount - 1);
            restartPlay();
        });
    }

    function initBullets() {
        $bullets = $(".ws_bullets a", $ws_container);
        $bullets.each(function(index) {
            $(this).bind("click", function(e) {
                stopPlay();
                e.preven tDefault();
                go(index);
                restartPlay();
            });
        });
    }

    function setBullet(new_index) {
        $(".ws_bullets A", $ws_container).each(function(index) {
            if (index == n ew_index) {
                $(this).addClass("ws_selbull");
            } else {
                $(t his).removeClass("ws_selbull");
            }
        });
    }
    if (options.cap tion) {
        $caption = $("<div class='ws-title' style='display:none'></div>");
        $ws_container.append($caption);
        $caption.bin d("mouseover", function(e) {
            stopPlay();
        });
        $caption.b ind("mouseout", function(e) {
            restartPlay();
        });
    }
    funct ion setTitle(A) {
        var title = $("img", A).attr("title");
        var descr = $(A).data("descr");
        var $Title = $(".ws-title", $ws_container);
        $Title.hide();
        if (title || desc r) {
            $Title.html((title ? "<span>" + title + "</span>" : "") + (descr ? "<div>" + descr + "</div>" : ""));
            $Title.fadeIn(400, function() {
                if ($.brows er.msie) {
                    $(this).get(0).style.removeAttribute("fil ter");
                }
            });
        }
    }
    if (options.bullets) {
        initBullets();
    }
    go2(0);
    if (options.caption) {
        setTitle($Elements[0]);
    }
    restartPlay();
}
var wowSlider = new WowSlider({
    effect: "fade",
    prev: "",
    next: "",
    duration: 10 * 100,
    delay: 20 * 100,
    outWidth: 604,
    outHeight: 403,
    wid th: 604,
    height: 403,
    caption: true,
    controls: true,
    autoP lay: true,
    bullets: true
});
Ответить с цитированием
  #6 (permalink)  
Старый 14.01.2016, 16:10
Новичок на форуме
Отправить личное сообщение для sti111 Посмотреть профиль Найти все сообщения от sti111
 
Регистрация: 18.03.2014
Сообщений: 8

function WowSlider(options) {
    var $ = jQuery;
    options = options || {};
    var $Elements = $("#wowslider-images A");
    $Elements.each(function(index) {
        var inner = $(this).html() || "";
        var pos = inner.indexOf(">", inner);
        if (pos >= 0) {
            $(this).da ta("descr", inner.substr(pos + 1));
            if (pos < inner.lengt h - 1) {
                $(this).html(inner.substr(0, pos + 1));
            }
        }
        $(this).c ss({
            'font-size': 0
        });
    });
    var elementsCount = $Elements.length;
    var $ws_container = $("#wowslider-container");
    var frame = $("A#wowslider-frame").get(0);
    var curIdx = 0;

    function go(index) {
        if (curIdx == index) {
            return;
        }
        var current = effect.go(index);
        if (!current) {
            return;
        }
        if (t ypeof current != "object") {
            current = $Elements[index];
        }
        curIdx = index;
        go2(index);
        if (options.caption) {
            setT itle(current);
        }
    }

    function go2(index) {
        if (options.bullets) {
            setBullet(index);
        }
        i f(frame) {
            frame.setAttribute("href", $Elements.get(i ndex).href);
        }
    }
    var autoPlayTimer;

    function restartPlay() {
        stopPlay();
        if (options.autoPlay) {
            auto PlayTimer = setTimeout(function() {
                go(curIdx < elements Count - 1 ? curIdx + 1 : 0);
                restartPlay();
            }, options.delay + option s.duration);
        }
    }

    function stopPlay() {
        if (autoPlayTimer) {
            clearTimeout(autoPlay Timer);
        }
        autoPlayTimer = null;
    }
    $Elements.find("IMG").css("position", "absolute");
    var effect = new window["ws_" + options.effect](options);
    effect.init($("#wowslider-images"));
    $Elements.find("IMG").css("visibility", " visible");
    var ic = c = $("#wowslider-images");
    var t = "";
    c = t ? $("<div></div>") : 0;
    if (c) {
        c.css({
            position: "absolute",
            right: "2 px",
            bottom: "2px",
            padding: "0 0 0 0"
        });
        ic.append(c);
    }
    if (c && document.all) {
        var f = $("<iframe src=\"javascript:false\"></iframe>");
        f.css({
            position: "absolute",
            left: 0,
            top: 0,
            width: "100%",
            height: "100%",
            filter: "alpha(opacity=0 )"
        });
        f.attr({
            scrolling: "no",
            framespacing: 0,
            border: 0,
            frameBorder: "no"
        });
        c.append(f);
    }
    var d = c ? $(document.createElement("A")) : c;
    if (d) {
        d.css({
            position: "relative",
            display: "block",
            'background-color': "#E4EFEB",
            color: "#837F80",
            'font-family': "Lucida Grande,sans-serif",
            'font-size': "11px",
            'font-weight': "normal",
            'font-style': "normal",
            '-moz-border-radius': "5px",
            'border-radius': "5px",
            padding: "1px 5px",
            width: "auto",
            height: "auto",
            margin: "0 0 0 0",
            outline: "none"
        });
        d.attr({
            href: "ht" + "tp://" + t.toLowerCase()
        });
        d.html(t);
        d.bind("contextmenu", function(eventObject) {
            return false;
        });
        c.append(d);
    }
    if (options.controls) {
        var $next_photo = $("<a href=\"#\" class=\"ws_next\">" + options.next + "</a>");
        var $prev_photo = $("<a href=\"#\" class=\"ws_prev\">" + options.prev + "</a>");
        $ws_container.append($next_photo);
        $ws_contain er.append($prev_photo);
        $next_photo.bind("click", fu nction(e) {
            stopPlay();
            e.preventDefault();
            go(curIdx < elementsCount - 1 ? curIdx + 1 : 0);
            restartPlay();
        });
        $prev_photo.bind("c lick", function(e) {
            stopPlay();
            e.preventDefault();
            go(curIdx > 0 ? curIdx - 1 : elementsCount - 1);
            restartPlay();
        });
    }

    function initBullets() {
        $bullets = $(".ws_bullets a", $ws_container);
        $bullets.each(function(index) {
            $(this).bind("click", function(e) {
                stopPlay();
                e.preven tDefault();
                go(index);
                restartPlay();
            });
        });
    }

    function setBullet(new_index) {
        $(".ws_bullets A", $ws_container).each(function(index) {
            if (index == n ew_index) {
                $(this).addClass("ws_selbull");
            } else {
                $(t his).removeClass("ws_selbull");
            }
        });
    }
    if (options.cap tion) {
        $caption = $("<div class='ws-title' style='display:none'></div>");
        $ws_container.append($caption);
        $caption.bin d("mouseover", function(e) {
            stopPlay();
        });
        $caption.b ind("mouseout", function(e) {
            restartPlay();
        });
    }
    funct ion setTitle(A) {
        var title = $("img", A).attr("title");
        var descr = $(A).data("descr");
        var $Title = $(".ws-title", $ws_container);
        $Title.hide();
        if (title || desc r) {
            $Title.html((title ? "<span>" + title + "</span>" : "") + (descr ? "<div>" + descr + "</div>" : ""));
            $Title.fadeIn(400, function() {
                if ($.brows er.msie) {
                    $(this).get(0).style.removeAttribute("fil ter");
                }
            });
        }
    }
    if (options.bullets) {
        initBullets();
    }
    go2(0);
    if (options.caption) {
        setTitle($Elements[0]);
    }
    restartPlay();
}
var wowSlider = new WowSlider({
    effect: "fade",
    prev: "",
    next: "",
    duration: 10 * 100,
    delay: 10000,
    outWidth: 604,
    outHeight: 403,
    wid th: 604,
    height: 403,
    caption: true,
    controls: true,
    autoP lay: true,
    bullets: true
});


Не помогло ((
Ответить с цитированием
  #7 (permalink)  
Старый 14.01.2016, 16:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

sti111,
ненадо копировать код из пятого поста -- он красивый но с ошибками, для ориентирования -- ищите у себя нужное место и меняйте
Ответить с цитированием
  #8 (permalink)  
Старый 14.01.2016, 16:24
Новичок на форуме
Отправить личное сообщение для sti111 Посмотреть профиль Найти все сообщения от sti111
 
Регистрация: 18.03.2014
Сообщений: 8

[js]
ws_fade=function(options){var $=jQuery;options.duration=options.duration||1000;var Images=[];var curIdx=0;this.init=function(aCont){Images=$("img",aCont).get();$(Images).each(function(Index){if(!Index){$(this).show();}else{$(this).hide();}});};this.go=function(new_index){$(Images).each(function(Index){if(Index==new_index){$(this).fadeIn(options.duration);}if(Index==curIdx){$(this).fadeOut(options.duration);}});curIdx=new_index;return true;};};// -----------------------------------------------------------------------------------
function WowSlider(options){var $=jQuery;options=options||{};var $Elements=$("#wowslider-images A");$Elements.each(function(index){var inner=$(this).html()||"";var pos=inner.indexOf(">",inner);if(pos>=0){$(this).data("descr",inner.substr(pos+1));if(pos<inner.length-1){$(this).html(inner.substr(0,pos+1));}}$(this).css({'font-size':0});});var elementsCount=$Elements.length;var $ws_container=$("#wowslider-container");var frame=$("A#wowslider-frame").get(0);var curIdx=0;function go(index){if(curIdx==index){return;}var current=effect.go(index);if(!current){return;}if(typeof current!="object"){current=$Elements[index];}curIdx=index;go2(index);if(options.caption){setTitle(current);}}function go2(index){if(options.bullets){setBullet(index);}if(frame){frame.setAttribute("href",$Elements.get(index).href);}}var autoPlayTimer;function restartPlay(){stopPlay();if(options.autoPlay){autoPlayTimer=setTimeout(function(){go(curIdx<elementsCount-1?curIdx+1:0);restartPlay,();},options.delay+options.duration);}}function stopPlay(){if(autoPlayTimer){clearTimeout(autoPlayTimer);}autoPlayTimer=null;}$Elements.find("IMG").css("position","absolute");var effect=new window["ws_"+options.effect](options);effect.init($("#wowslider-images"));$Elements.find("IMG").css("visibility","visible");var ic=c=$("#wowslider-images");var t="";c=t?$("<div></div>"):0;if(c){c.css({position:"absolute",right:"2px",bottom:"2px",padding:"0 0 0 0"});ic.append(c);}if(c&&document.all){var f=$("<iframe src=\"javascript:false\"></iframe>");f.css({position:"absolute",left:0,top:0,width:"100%",height:"100%",filter:"alpha(opacity=0)"});f.attr({scrolling:"no",framespacing:0,border:0,frameBorder:"no"});c.append(f);}var d=c?$(document.createElement("A")):c;if(d){d.css({position:"relative",display:"block",'background-color':"#E4EFEB",color:"#837F80",'font-family':"Lucida Grande,sans-serif",'font-size':"11px",'font-weight':"normal",'font-style':"normal",'-moz-border-radius':"5px",'border-radius':"5px",padding:"1px 5px",width:"auto",height:"auto",margin:"0 0 0 0",outline:"none"});d.attr({href:"ht"+"tp://"+t.toLowerCase()});d.html(t);d.bind("contextmenu",function(eventObject){return false;});c.append(d);}if(options.controls){var $next_photo=$("<a href=\"#\" class=\"ws_next\">"+options.next+"</a>");var $prev_photo=$("<a href=\"#\" class=\"ws_prev\">"+options.prev+"</a>");$ws_container.append($next_photo);$ws_container.append($prev_photo);$next_photo.bind("click",function(e){stopPlay();e.preventDefault();go(curIdx<elementsCount-1?curIdx+1:0);restartPlay();});$prev_photo.bind("click",function(e){stopPlay();e.preventDefault();go(curIdx>0?curIdx-1:elementsCount-1);restartPlay();});}function initBullets(){$bullets=$(".ws_bullets a",$ws_container);$bullets.each(function(index){$(this).bind("click",function(e){stopPlay();e.preventDefault();go(index);restartPlay();});});}function setBullet(new_index){$(".ws_bullets A",$ws_container).each(function(index){if(index==new_index){$(this).addClass("ws_selbull");}else{$(this).removeClass("ws_selbull");}});}if(options.caption){$caption=$("<div class='ws-title' style='display:none'></div>");$ws_container.append($caption);$caption.bind("mouseover",function(e){stopPlay();});$caption.bind("mouseout",function(e){restartPlay();});}function setTitle(A){var title=$("img",A).attr("title");var descr=$(A).data("descr");var $Title=$(".ws-title",$ws_container);$Title.hide();if(title||descr){$Title.html((title?"<span>"+title+"</span>":"")+(descr?"<div>"+descr+"</div>":""));$Title.fadeIn(400,function(){if($.browser.msie){$(this).get(0).style.removeAttribute("filter");}});}}if(options.bullets){initBullets();}go2(0);if(options.caption){setTitle($Elements[0]);}restartPlay();}var wowSlider=new WowSlider({effect:"fade",prev:"",next:"",duration:10*100,delay: 10000,outWidth:715,outHeight:435,width:715,height:435,caption:true,controls:true,autoPlay:true,bullets:true});[/js]


Итак не помогло
Ответить с цитированием
  #9 (permalink)  
Старый 14.01.2016, 16:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

sti111,
тогда делайте минимальный рабочий макет, будем посмотреть
Ответить с цитированием
  #10 (permalink)  
Старый 14.01.2016, 16:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

sti111,
для современных версий jquery код слайдера не адаптирован - это так на всякий случай

Последний раз редактировалось рони, 14.01.2016 в 16:31.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматическая смена картинок через заданное время herotic Элементы интерфейса 45 15.05.2020 16:44
Смена картинок на JS. Помогите реализовать! Aggao Элементы интерфейса 3 27.11.2014 23:32
Автоматическая смена нескольких картинок utb jQuery 4 24.01.2012 12:47
Валидный скрипт смена картинок boss Javascript под браузер 2 17.08.2011 20:21
Смена картинок в зависимости от положения курсора мыши antonio_vrn Events/DOM/Window 3 31.05.2011 22:07