Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [php] wyświetlanie kolejno obrazów po upływie jakiegoś czasu
lamcpp
post
Post #1





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

Ostrzeżenie: (0%)
-----


witam,
mam obrazki zapisane w postaci tablicy:
Kod
$obrazki = array('obraz1.jpg','obraz2.jpg','obraz3.jpg','obraz4.jpg');


Chciałbym aby te obrazki były wyświetlane na stronie w sposób następujący: najpierw wyświetlany jest 'obraz1.jpg' po 8 sekundach w miejscu tego obrazu wyświetlany zostanie 'obraz2.jpg'. Znowu mija kolejne 8 sekund i teraz 'obraz3.jpg' ma być wyswietlany. Kolejne 8 sekund i 'obraz4.jpg'..
Jak to zrobić? Istnieje jakaś funkcja czasowa w php, która nada się do tego zadania? ewentualnie jakieś lepsze rozwiązania.

I jeśli byłoby możliwe jeszcze implementacja dwóch przycisków do tego: zatrzymaj i wznów, tak by użytkownik mógł zatrzymac dany obrazek i wznowić go kiedy będzie chciał.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lamcpp
post
Post #2





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

Ostrzeżenie: (0%)
-----


postanowiłem sięgnąć do jquery cycle, ale coś mi to niedziała, robie tak:

w sekcji <head> dodaje:
Kod
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.pack.js"></script>


w pliku css dodaje:
Kod
.pics {
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 400px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 260px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 0;
}

ok, już jest wszystko dobrze:)) dzięki wszystkim za pomoc
problemem była zła ścieżka do plików js a własciwie ten kawałek src="js/



.pics img {
   padding: 15px;
   border: 1px solid #ccc;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 380px; /* szerokość wyświetlanych zdjęć */
   height: 260px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
}



W sekcji body dodaje:
Kod
<center>
<div id="s1" class="pics">
<img src="mapa1.png" />
<img src="mapa2.png" />
  
</div>
</center>

<script type="text/javascript">
  $('#s1').cycle({
     fx: 'shuffle',
     random: 1,
     delay: -4000,
     width: 380,
     height: 260
  }); </script>


I niestety to nie działa. Tak jakby skrypt wogóle nie działał. Na stronie wyswietlają się pod sobą obydwa zdjecia..;/

Ok już wszystko dobrze, problemem była ścieżka do plików .js a własciwie początek src="js/

Ten post edytował lamcpp 11.06.2009, 12:53:19
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 12:11