Дадена информация да се сменя

botevis2

Registered
Значи искам да направя следното:имам 1 div с информация и на 5 секудни да се сменя с друг див с инфо
 
Другия див от къде ще го взимаш?Въртиш 10 дива (примерно) като 9 от тях са скрити?ИЛи искаш другия див да идва динамично взето от php скритп примерно?
Ва такъв случай ще ти трябва load()
 
date.php
PHP:
<?php
//връща час:минута:секунда към настоящия момент
echo date('H:i:s');

time.html
HTML:
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
/**
 * Тази функция взима резултата от изпълнението 
 * на date.php и го показва в елемента с id currentTime
 */
function displayTime(){
	$('#currentTime').load('date.php')	
}

$(function(){
    //Първоначално извикваме функцията сами
    displayTime();

    //Функцията displayTime ще бъде изпълнявана на всеки 5 секунди
    setInterval(displayTime, 5000);
});



</script>

<div id="currentTime"></div>

За по-интересни решения, може да видиш тези два примера:
http://bxslider.com/
http://kevinbatdorf.github.com/codaslider/
 
От документацията на jquery:
Първо си вкарваш линка за jquery библиотеката:
Код:
<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

после да кажем това ти е html кода на страницата:
Код:
....
<div id="result"></div>
....
правиш си един файл с php (за да се зарежда динамично )примерно последни регистрирани потребители го кръщаваш test.php
като при показвне на това което искаш да се показва в сайта ти , трябва да е поставено във
Код:
<div id="container">tuk infoto koeto se generira s php script za da e dinamichno</div>

и после в script тагове слагаш това на сайта ти:
Код:
$('#result').load('test.php #container');


за краен резултат трябва да се получи нещо такова:
Влизаш си в сайта.ком
и в дивът със id result ще се "повика" скрито дива със id container от файла test.php

ако до тука всичко е ,ок трябва да добавиш малко jquery с което през 5 секунди да се крие див-ът ида се показва следващия.

Толкова мога да помогна аз.
 
Код:
<script>
setTimeout(function(){
//ako ima div id container izchezva sled 5 secundi
  if ($('#container').length > 0) {
    $('#container').fadeOut();
  }
}, 5000);
$(function(){
 if($('#container').lenght < 0 {
$('#result').load('test.php #container2');
 $('#container2').fadeIn();
});

</script>
Не съм го тествал ,но това е логиката,разбира се някой по-навътре в нещата може да даде и по-начетен код.
Айде успех
:?:
 

Back
Горе