Помогите с ротатором банеров
Ситуация такая есть js код для прокручивания баннеров если ставлю один блок с баннерами все работает как часы, а если два то второй блок пропадает после первого баннера, пробовал в index.html подгрузить баннеры через javascript страницей html в разные блоки, начинают вываливаться по нескольку баннерных картинок. Собственно мне и нужно в index.html баннеры брать с другой страницы. Вот как бы сам код, помогите разобраться в чем проблема:
Код:
<html> |
|
Цитата:
Если есть еще у кого нибудь мысли буду рад услышать! Так же хотелось бы узнать где у меня ошибка. |
Цитата:
$(function() { $(".adBanner").each(function(indx, el){ var banners = $("div", el).toArray(); //.... }); }); |
рони
Я так понимаю второй js я удаляю за место: $(document).ready(function(){ var banners = $("#adBanner00 div").toArray(); ставлю: $(function() { $(".adBanner").each(function(indx, el){ var banners = $("div", el).toArray(); //.... }); }); и потом просто перечисляю название блоков #adBanner00, #adBanner01 так? |
Цитата:
|
рони Если не сложно можешь дать рабочий js
что то у меня все равно не работает. Просто вывалились все картинки и все. |
Romrius,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $(".banner").each(function(indx, el) { var banners = $("div", el).toArray(); var settings = function() { this.banners = banners; this.sum = this.banners.length; this.timeIn = 1000; this.timeOut = 1000; this.timeView = 2000 }; var obj = new settings; if (obj.sum < 1) $(el).html("<p>DO NOT IMAGES</p>"); else { $("div", el).css({ "display": "none" }); var adBanner = $("<div></div>").prependTo(el), num = 0; view() } function view() { $(obj.banners[num]).clone().prependTo(adBanner).fadeIn(obj.timeIn, function() { $(this).delay(obj.timeView).fadeOut(obj.timeOut, function() { $(this).remove(); num = ++num % obj.sum; view() }) }) } }) }); </script> </head> <body> <div class="banner"> <div> <img src="http://img-fotki.yandex.ru/get/5640/35900228.10c/0_7388e_3ab59b4a_XL.jpeg.jpg" title="4" /> </div> <div> <img src="http://1.bp.blogspot.com/-aleHkBUuqOI/VY0HrCytsXI/AAAAAAAAq1g/f2emGtdqdWo/s640/2015-06-05_0145.jpg" title="5" /> </div> </div> <div class="banner"> <div> <img src="http://static.mnogonado.net/images/img.php?w=250&l=%2Fstore%2Fimage%2F800x600_qdv_57108c999ba0b1775c4bfe263023fb6a_1474795-404.png" title="1" /> </div> <div> <img src="http://rugirlz.com/pics/hv_dp20088034.jpg" title="2" /> </div> <div> <img src="https://im1-tub-ru.yandex.net/i?id=34d38102784fbb45657d73def5d2178f-l&n=13" title="3" /> </div> </div> </body> </html> |
рони еще раз от души, спасибо!
Пойду разбираться, и учить матчасть ))) |
Часовой пояс GMT +3, время: 16:52. |