Forum PHP.pl > [JavaScript][AJAX]Losowe zdjęcia pobrane z bazy danych

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][AJAX]Losowe zdjęcia pobrane z bazy danych

adrianozo

14.10.2010, 13:52:26

Witam wszystkich.

Zastanawiam się jak wykonać następujący skrypt.
W pewnym miejscu na stronie chcę, aby wyświetlały się losowo zdjęcia, ale odnośniki do nich pobrane byłyby z bazy danych i zdjęcie miałoby się zmienić na inne dajmy na to po 10 sekundach tylko w tym rzecz, że nie chcę przeładowywać całej strony a tylko wylosować nowe zdjęcie.
Proszę o pomoc. Czego użyć oraz jakich funkcji.

Pozdrawiam

kamil4u

14.10.2010, 18:46:35

HTML:

Kod

JS:
- setInterval
- DOM
-

Kod

el.src = './skrypt.php?'+AKTUALNA_DATA

PHP( skrypt.php ):
- header -> dla pliku PHP
- GD i generowanie obrazka + wyświetlanie go

LUB(co jest bardziej poprawne):
JS:

Kod

el.src = ajax();

- funkcja ajax -> to funkcja, która za pomocą AJAX-u(poczytaj o nim) zwróci odpowiednią ścieżkę
PHP: losowanie z bazy danych + wyświetlanie ścieżki

LUB:
- przy ładowani strony zapisać do tablicy JS wszystkie ścieżki. a nasŧepnie właśnie z tej tablicy losować ścieżkę -

Kod

el.src = tablica[losowa_wartość];

adrianozo

14.10.2010, 20:46:45

Mam takie coś:

[PHP] pobierz, plaintext 
echo '<script type="text/javascript">
    var zdjecia = new Array(
    new Array("obrazek1", "asd1", "http://strona.pl"),
    new Array("obrazek2", "asd2", "http://strona.pl"),
    new Array("obrazek3", "asd3", "http://strona.pl")
    );
    var zdjecie = 0;
    function wyswietlzdj(nr, id)
    {
        document.getElementById(id).innerHTML = \'<a href="\' + zdjecia[nr][2] + \'"><img src="\' + zdjecia[nr][0] + \'" alt="\' + zdjecia[nr][1] + \'"></a>\';
    }
    function kolejnezdj(id)
    {
        if(zdjecie >= zdjecia.length)zdjecie = 0;
        wyswietlzdj(zdjecie, id);
        ++zdjecie;
    }
    window.onload = function()
    {
        kolejnezdj("zdjecie");
        var butt = document.createElement("button");
        butt.innerHTML = "Wyświetl kolejne zdjęcie";
        butt.onclick = function()
        {
            kolejnezdj("zdjecie");
        }
        document.body.appendChild(butt);
    }";
    </sript>';
    echo '<div id="zdjecie">
    <a href="http://wiktor.be/"><img src="obrazek1" alt="asd1" /></a>
    </div>';
[PHP] pobierz, plaintext

Na razie na sztywno. Błędu nie otrzymuje ale zdjęcia też się nie pokazują... Nie mam pojęcia dlaczego

Fifi209

14.10.2010, 20:51:48

Masz

[HTML] pobierz, plaintext 
</sript>';
[HTML] pobierz, plaintext

zamiast script

adrianozo

14.10.2010, 21:12:54

Dzięki.

Ale jest jeszcze jeden problem. Nie wyświetla się przycisk Wyświetl kolejne zdjęcie

kamil4u

14.10.2010, 21:27:49

Zobacz co pokazuje konsola błędów. Możliwe, że nie masz <body> w HTML.
Poza tym stosuj taki myk

Kod

<?php
//kod PHP - i teraz chcesz dać echo np. z HTML, to zamiast tego dajesz
?>
<html><body>TU KOD HTML</body></html>
<?php
//dalsza część kodu PHP

Wtedy jest to czytelne

- a zawsze możesz dodać fragment z PHP w tym kodzie HTML np.

Kod

?>
<html><body><?php echo('test'); ?></body></html>
<?php

adrianozo

15.10.2010, 18:24:57

A gdzie znajdę tą konsole błędów?

kamil4u

15.10.2010, 23:04:02

Np. w FF -> shift+ctrl+j w innych -> Google

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.