Плавная смена текста jquery

12
P
На сайте с 14.05.2012
Offline
35
8158

Есть какой то массив с записями. На главной страницы отображается одна из них (первая) как мне сделать ротатор этих записей.

То есть на главной сначала первая запись из массива, потом через 10 секунд вторая, ещё через 10 секунд третья и так далее.

Не силён в jquery подскажите пожалуйста.

C
На сайте с 04.02.2005
Offline
291
#1

next=0;

setInterval(1000,function(){$('#idблока).html(массивтекста[next]); next++; if(next>массивтекста.length) next=0;});

IL
На сайте с 20.04.2007
Offline
435
#2
perevezenzev:
как мне сделать ротатор этих записей.

В поиск по "jquery slider"

на случай, если вариант от Chukcha покажется слишком аскетичным..

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
P
На сайте с 14.05.2012
Offline
35
#3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>


<script>
function changetext () {
$('#data').fadeOut('fast', function() {
$.get("http://bigseotools/cit/page.php", function( data ){
$('#data').html(data).fadeIn('fast');
});
});
}
</script>


<div id="data" style="width: 150px; height: 150px;">

</div>

вот такую штуку соорудил, но она не работает :) То-есть я хочу загрузить со страницы http://bigseotools/cit/page.php инфу (там генератор случайный цифр) показать 10 секунд эту инфу (это я не знаю как сделать) и показать следующюю и т.д.

C
На сайте с 04.02.2005
Offline
291
#4

setInterval(10000,changetext)

P
На сайте с 14.05.2012
Offline
35
#5
Chukcha:
setInterval(10000,changetext)

и куда это подставить?

---------- Добавлено 14.11.2012 в 16:57 ----------

<script>

$(document).ready(function() {

$('#data').fadeOut('fast', function() {
$.get("http://bigseotools/cit/page.php", function( data ){
$('#data').html(data).fadeIn('fast');
});
});

});
</script>

Вот так получаю первую запись с page.php но а потом как и что??

C
На сайте с 04.02.2005
Offline
291
#6
perevezenzev:
и куда это подставить?

---------- Добавлено 14.11.2012 в 16:57 ----------

<script>

$(document).ready(function() {

$('#data').fadeOut('fast', function() {
$.get("http://bigseotools/cit/page.php", function( data ){
$('#data').html(data).fadeIn('fast');
});
});

});
</script>


Вот так получаю первую запись с page.php но а потом как и что??

Вы шутите?

У вас был код функции

теперь вы делаете нужное вам анонимной функцией.

Верните все в зад

P
На сайте с 14.05.2012
Offline
35
#7
Chukcha:
Вы шутите?

У вас был код функции
теперь вы делаете нужное вам анонимной функцией.
Верните все в зад

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>


<script>
function changetext () {
$('#data').fadeOut('fast', function() {
$.get("http://bigseotools/cit/page.php", function( data ){
$('#data').html(data).fadeIn('fast');
});
});
}

$(document).ready(function() {
changetext ();
});
</script>


<div id="data" style="width: 150px; height: 150px;" onClick=" changetext ()">

</div>

Вот так, теперь все происходит по клику, а хотелось бы что бы просто так менялось, не подскажите как это сделать?

C
На сайте с 04.02.2005
Offline
291
#8

ну так добавьте в НУЖНОЕ место

setInterval(10000,changetext)

Где это нужное место, надеюсь... Вы догадаетесь сами.

P
На сайте с 14.05.2012
Offline
35
#9
Chukcha:
ну так добавьте в НУЖНОЕ место
setInterval(10000,changetext)
Где это нужное место, надеюсь... Вы догадаетесь сами.

Ни как не могу найти это самое НУЖНОЕ место

IL
На сайте с 20.04.2007
Offline
435
#10
perevezenzev:
Ни как не могу найти это самое НУЖНОЕ место

Попробуйте в document.ready =)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий