Pokaz slajdów Opcje

[stonka93]

Chciałbym umieścić na stronie zmieniający się tekst (coś w rodzaju pokazu slajdów).

Proszę o pomoc.

[rocktech.pl]

Witam.

Doprecyzuj troszkę. Podaj przykład, który widziałeś ...

Z czym masz problem dokładnie?

Hasło w google to np. text rotator, text carousel.

Ten post edytował rocktech.pl 7.09.2012, 12:38:03

[stonka93]

W zmiennych (w php) trzymany jest kod html a pokaz slajdów ma zmieniać automatycznie zmienne wyświetlane w pętli.

Problemem dla mnie jest zrobienie skryptu (najlepiej w jquery), który ma za zadanie wyświetlać w pętli zawartość zmiennych php na 15 sekund.

[rocktech.pl]

Zabrałbym się do tego tak:

1. Zmienne z php zamieniasz na tablicę json.
2. Następnie wykorzystując metodę each iterujesz po obiekcie zmieniając treść określonego kontenera.

Pseudookod:

[JAVASCRIPT] pobierz, plaintext 
function rotate () {
    json = ['zmienna php1','zmienna php2'];
    $.each(json, function(index, value) { 
        $('#kontener').html( value );
    });
}
[JAVASCRIPT] pobierz, plaintext 

Potrzebnie ci będzie jeszcze setTimeout. Bo jquery nie dorobiło się natywnego periodicalExecuter.

Ten post edytował rocktech.pl 7.09.2012, 14:30:39

[stonka93]

Mam kod js odpowiedzialny za zmiane treści :

CODE

<script type="text/javascript">
$(document).ready(function()
{
setupRotator();
});
function setupRotator()
{
if($('.textItem').length > 1)
{
$('.textItem:first').addClass('current').fadeIn(2000);
setInterval('textRotate()', 10000);
}
}
function textRotate()
{
var current = $('#quotes > .current');
if(current.next().length == 0)
{
current.removeClass('current').fadeOut(2000);
$('.textItem:first').addClass('current').fadeIn(5000);
}
else
{
current.removeClass('current').fadeOut(2000);
current.next().addClass('current').fadeIn(2000);
}
}
</script>

Czy można dołożyć do tego kodu efekt ładowania obrazka coś w tym stylu:

CODE

http://gwwko.web44.net/podglad2.php