Javascript-форум - Помоги с банером на js

Страница 3 из 3

Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Помоги с банером на js (https://javascript.ru/forum/dom-window/34984-pomogi-s-banerom-na-js.html)

dimas15

27.01.2013 16:11

Цитата:

Сообщение от Deff (Сообщение 229673)

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>#КонтентРотатор p{position:absolute;display:none;padding:6px;}</style>
<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>5-й Контент</p>
<p>N-й Контент</p>
</div>

<script language="javascript">
var Nsh = 1 //число одновременно показываемых;
var sek = 4000;  // Время отображения
 
var Nrout=$("#КонтентРотатор p").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);
 
function RotatorMycontent(i) {
$("#КонтентРотатор p").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
  $("#КонтентРотатор p").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
 
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>

а как сделать чтобы скрипт так работал?
http://learn.javascript.ru/play/s3cc7b

Deff	27.01.2013 16:14

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>#КонтентРотатор p{position:absolute;display:none;padding:6px;}</style>


<script language="javascript">
$(document).ready(function(){

(function(){
var Nsh = 1 //число одновременно показываемых;
var sek = 4000;  // Время отображения
 
return RotatorMycontent = function (i) {
$("#КонтентРотатор p").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
  $("#КонтентРотатор p").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
 
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);
 return;}
}())
var Nrout=$("#КонтентРотатор p").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);

});
</script>




<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>5-й Контент</p>
<p>N-й Контент</p>
</div>

dimas15

27.01.2013 16:42

почему у меня так не работает?

<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>#КонтентРотатор img{position:absolute;display:none;padding:6px; height: 191px;
width: 341px;}</style>
<script language="javascript">
var Nsh = 1 //число одновременно показываемых;
var sek = 4000; // Время отображения

var Nrout=$("#КонтентРотатор img").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);

function RotatorMycontent(i) {
$("#КонтентРотатор img").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
$("#КонтентРотатор img").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>
</head>
<body>
<div id="КонтентРотатор" >
<img src="1.png" alt=""></img>
<img src="2.png" alt=""></img>
<img src="3.png" alt=""></img>
</div>
</body>
</html>

Deff	27.01.2013 16:45

dimas15,
Cкрипт видит элемент, установленный на странице. Когда он запущен, блока с баннерами на странице еще нет.

Функция $(document).ready(function(){ , подключает скрипт только после полной загрузки страницы

dimas15

27.01.2013 16:53

Цитата:

Сообщение от Deff (Сообщение 229696)

И как мне быть?Что делать?

dimas15

27.01.2013 16:55

Цитата:

Сообщение от dimas15 (Сообщение 229698)

И как мне быть?Что делать?

а понял местами поменять надо!

Deff	27.01.2013 17:11

dimas15,
Я же выложил вариант со скриптом сверху - пост 23

dimas15

27.01.2013 17:19

спасибо, задача решена!

dimas15

27.11.2013 17:04

Цитата:

Сообщение от Deff (Сообщение 229689)

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>#КонтентРотатор p{position:absolute;display:none;padding:6px;}</style>


<script language="javascript">
$(document).ready(function(){

(function(){
var Nsh = 1 //число одновременно показываемых;
var sek = 4000;  // Время отображения
 
return RotatorMycontent = function (i) {
$("#КонтентРотатор p").fadeOut('1700')
for(var n=0; n<Nsh; n++ ){
  $("#КонтентРотатор p").eq(i).fadeIn('1700');
i=i+1;if(i>(Nrout-1)){i=0};
}
 
j=i;
timerID = setTimeout("RotatorMycontent(j)",sek);
 return;}
}())
var Nrout=$("#КонтентРотатор p").length;
var i=(Math.random()+'').split(".").join('')%Nrout;
RotatorMycontent(i);

});
</script>




<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>5-й Контент</p>
<p>N-й Контент</p>
</div>

А как пагинацию сделать для этого ?^

Часовой пояс GMT +3, время: 08:38.

Страница 3 из 3

Показывать 40 сообщений этой темы на одной странице