Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX]Losowe zdjęcia pobrane z bazy danych
Forum PHP.pl > Forum > Przedszkole
adrianozo
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 smile.gif
kamil4u
HTML:
Kod
<img src="#">

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
Mam takie coś:

  1. echo '<script type="text/javascript">
  2. var zdjecia = new Array(
  3. new Array("obrazek1", "asd1", "http://strona.pl"),
  4. new Array("obrazek2", "asd2", "http://strona.pl"),
  5. new Array("obrazek3", "asd3", "http://strona.pl")
  6. );
  7. var zdjecie = 0;
  8. function wyswietlzdj(nr, id)
  9. {
  10. document.getElementById(id).innerHTML = \'<a href="\' + zdjecia[nr][2] + \'"><img src="\' + zdjecia[nr][0] + \'" alt="\' + zdjecia[nr][1] + \'"></a>\';
  11. }
  12. function kolejnezdj(id)
  13. {
  14. if(zdjecie >= zdjecia.length)zdjecie = 0;
  15. wyswietlzdj(zdjecie, id);
  16. ++zdjecie;
  17. }
  18. window.onload = function()
  19. {
  20. kolejnezdj("zdjecie");
  21. var butt = document.createElement("button");
  22. butt.innerHTML = "Wyświetl kolejne zdjęcie";
  23. butt.onclick = function()
  24. {
  25. kolejnezdj("zdjecie");
  26. }
  27. document.body.appendChild(butt);
  28. }";
  29. </sript>';
  30. echo '<div id="zdjecie">
  31. <a href="http://wiktor.be/"><img src="obrazek1" alt="asd1" /></a>
  32. </div>';


Na razie na sztywno. Błędu nie otrzymuje ale zdjęcia też się nie pokazują... Nie mam pojęcia dlaczego
Fifi209
Masz
  1. </sript>';


zamiast script
adrianozo
Dzięki. smile.gif
Ale jest jeszcze jeden problem. Nie wyświetla się przycisk Wyświetl kolejne zdjęcie
kamil4u
Zobacz co pokazuje konsola błędów. Możliwe, że nie masz <body> w HTML.
Poza tym stosuj taki myk smile.gif :
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 smile.gif - a zawsze możesz dodać fragment z PHP w tym kodzie HTML np.
Kod
?>
<html><body><?php echo('test'); ?></body></html>
<?php
adrianozo
A gdzie znajdę tą konsole błędów?
kamil4u
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.