Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Rozbudowa skryptu ze zmieniajacymi sie obrazkami o link
uglukha
post
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 5.05.2008

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

Witam,
mam taki ultra-prosty skrypt na zmieniajace sie obrazki. Zaznacze, ze java script nie jest moja mocna strona ;( Leciutko zmodyfikowalem cos znalezionego w necie. Wszystko dziala ladnie. I we wszystkich przegladarkach.
Pare sekund widac jeden "image", ktory pozniej sie zmienia na nastepny z tablicy.
Chcialbym dodac do tego skryptu, zeby kazdy obrazek linkowal w inne miejsce.

Skrypt teraz (sliders.js):
[JAVASCRIPT] pobierz, plaintext 
  1. var speed = 4000
  2. var Pic = new Array() 
  3. Pic[0] = '33.jpg'
  4. Pic[1] = '34.jpg'
  5. Pic[2] = '35.jpg'
  6. Pic[3] = '36.jpg'
  7. Pic[4] = '31.jpg'
  8.  
  9. var t
  10. var j = 0
  11. var p = Pic.length
  12.  
  13. var preLoad = new Array()
  14. for (i = 0; i < p; i++){
  15.    preLoad[i] = new Image()
  16.    preLoad[i].src = Pic[i]
  17. }
  18.  
  19. function runSlideShow(){
  20.    document.images.SlideShow.src = preLoad[j].src
  21.    j = j + 1
  22.    if (j > (p-1)) j=0
  23.    t = setTimeout('runSlideShow()', speed)
  24. }
[JAVASCRIPT] pobierz, plaintext


Dodalem wiec tablice z linkami

[JAVASCRIPT] pobierz, plaintext 
  1. var speed = 4000
  2. var Pic = new Array() 
  3. Pic[0] = '33.jpg'
  4. Pic[1] = '34.jpg'
  5. Pic[2] = '35.jpg'
  6. Pic[3] = '36.jpg'
  7. Pic[4] = '31.jpg'
  8.  
  9. var Link = new Array() 
  10. Link[0] = 'lala.html'
  11. Link[1] = 'lala2.html'
  12. Link[2] = 'lala3.html'
  13. Link[3] = 'lala4.html'
  14. Link[4] = 'lala5.html'
  15.  
  16. var t
  17. var j = 0
  18. var p = Pic.length
  19.  
  20. var preLoad = new Array()
  21. for (i = 0; i < p; i++){
  22.    preLoad[i] = new Image()
  23.    preLoad[i].src = Pic[i]
  24. }
  25.  
  26. function runSlideShow(){
  27.    document.images.SlideShow.src = preLoad[j].src
  28.    j = j + 1
  29.    if (j > (p-1)) j=0
  30.    t = setTimeout('runSlideShow()', speed)
  31. }
[JAVASCRIPT] pobierz, plaintext


I nie bardzo wiem jak dalej to pchnac, prosze o jakies wskazowki. Czy moga byc 2 akcje w body onload? Czy musze to jakos polaczyc?


To jest w html (okrojony do minimum (IMG:style_emoticons/default/smile.gif) )
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script src="sliders.js" type="text/javascript"></script>
  4. </head>
  5. <body onload="runslideshow()">
  6. <center>
  7. <img src="33.jpg" name='slideshow'>
  8. </center>
  9. </body>
  10. </html>
[HTML] pobierz, plaintext


Z gory dzieki za wszelka pomoc,
pozdrawiam!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Barcelona
post
Post #2





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

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

A nie możesz dać zwykłego rotatora tekstu i tam powtykać znaczniki a href i img ?
Pełno jest tego w necie i nie musiałbys się męczyć z tablicami.
Go to the top of the page
+Quote Post

Posty w temacie
- uglukha   [JavaScript]Rozbudowa skryptu ze zmieniajacymi sie obrazkami o link   26.06.2010, 18:24:46
- - amii   Spróbuj dodać do: [JAVASCRIPT] pobierz, plaintex...   26.06.2010, 18:34:34
- - Barcelona   A nie możesz dać zwykłego rotatora tekstu i tam po...   26.06.2010, 18:51:25

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 17.10.2025 - 02:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn