Форум

dimas15 · #21 (**permalink**) 27.01.2013, 16:11

Сообщение от Deff

<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 · #22 (**permalink**) 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 · #23 (**permalink**) 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 · #24 (**permalink**) 27.01.2013, 16:45

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

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

dimas15 · #25 (**permalink**) 27.01.2013, 16:53

Сообщение от Deff

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

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

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

dimas15 · #26 (**permalink**) 27.01.2013, 16:55

Сообщение от dimas15

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

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

Deff · #27 (**permalink**) 27.01.2013, 17:11

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

dimas15 · #28 (**permalink**) 27.01.2013, 17:19

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

dimas15 · #29 (**permalink**) 27.11.2013, 17:04

Сообщение от Deff

<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>

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

Форум

Справочник

Discord чат

Курсы javascript