Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: newsy i obrazki i ich automatyczna zmiana
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Darekxp
Czy da sie zrobić żeby z tekstem były jednocześnie wyświetlane obrazki? Np jest: Pentax zaprezentował następce modelu W30.... i nad tekstem pojawia się obrazek aparatu, po 8s jest inny art i do niego inny obrazek. podobnie jest na WP, też sie przełanczają newsy po kilku sekunad.


  1. <script type="text/javascript">
  2. function wiadomosc(n) {
  3. var czas = 8000;
  4. var tablica = new Array();
  5. tablica[0] = "Pentax zaprezentował nadstępce modelu W30. Pentax Optio W60 został zaprojektowany z myślą o łatwym schowaniu go do kieszeni, posiada również wodoodporną obudowę, dzięki której aparat może pracować przez dwie godziny na głębokości 4 metrów, a także w temperaturach dochodzących do -10 stopni.";
  6. tablica[1] = "FujiFilm wypuścił nowy ultracienki cyfrowy aparat kompaktowy z bardzo ciekawymi funkcjami. Wśród nich jest tryb Blog, który pozwala na szybie publikowanie zdjęć w internetowych blogach, oraz tryb Auction, pozwalający na kompozycje jednego zdjęcia z czterech wcześniej zrobionych. Ponadto ma to co każdy porządny aparat kompaktowy mieć powinien.";
  7. tablica[2] = "Najnowsza wersja FotoAlbum Pro 6, programu do zarządzania bazą naszych zdjęć, to nowości w postaci tagów geograficznych (oznaczaniem miejsc, gdzie zrobiono zdjęcie z pomocą Google Earth lub Google Maps), poprawiono wydajność pracy z duuuużą ilością zdjęć i dostępem do bazy wielu użytkowników.";
  8. tablica[3] = "W Bibliotece Narodowej w Warszawie zaprezentowana została wystawa fotografii Ryszarda Kapuścińskiego. Fotografie pochodzą z dwóch cyklów - Furtki i Twarze. Ryszard Kapuścińsi (ur. 4 marca 1932 w Pińsku na Polesiu, zm. 23 stycznia 2007 w Warszawie) polski reportażysta, dziennikarz, publicysta, poeta i fotograf, zwany cesarzem reportażu. Był najczęściej poza Stanisławem Lemem tłumaczonym za granicą polskim autorem.";
  9. document.getElementById("wiadomosc").innerHTML = tablica[n];
  10. if (n < tablica.length-1) {
  11. n = (n+1);
  12. }
  13. else {
  14. n = 0;
  15. }
  16. setTimeout("wiadomosc("+n+")", czas);
  17. }


  1. <div id="wiadomosc"> </div>
  2. <body onload="wiadomosc(0);">
Shili
Do treści elementów tablicy po prostu dodaj obrazki używane do każdego z newsów.
Darekxp
próbowałem tak ale wtedy nic nie wyświetla, gdzie błąd?

  1. tablica[0] = "<img src="http://link_do_pliku/1.jpg" alt="pentax" />Pentax zaprezentował nadstępce modelu W30. Pentax Optio W60 został zaprojektowany z myślą o łatwym schowaniu go do kieszeni, posiada również wodoodporną obudowę, dzięki której aparat może pracować przez dwie godziny na głębokości 4 metrów, a także w temperaturach dochodzących do -10 stopni.";
Shili
Przed cudzysłowami zawartymi w zewnętrznym cudzysłowie musisz dać znak \
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.