Forum PHP.pl > [JavaScript]Rozbudowa skryptu ze zmieniajacymi sie obrazkami o link

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Rozbudowa skryptu ze zmieniajacymi sie obrazkami o link

uglukha

26.06.2010, 18:24:46

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 
var speed = 4000
var Pic = new Array() 
Pic[0] = '33.jpg'
Pic[1] = '34.jpg'
Pic[2] = '35.jpg'
Pic[3] = '36.jpg'
Pic[4] = '31.jpg'
 
var t
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
 
function runSlideShow(){
   document.images.SlideShow.src = preLoad[j].src
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', speed)
}
[JAVASCRIPT] pobierz, plaintext

Dodalem wiec tablice z linkami

[JAVASCRIPT] pobierz, plaintext 
var speed = 4000
var Pic = new Array() 
Pic[0] = '33.jpg'
Pic[1] = '34.jpg'
Pic[2] = '35.jpg'
Pic[3] = '36.jpg'
Pic[4] = '31.jpg'
 
var Link = new Array() 
Link[0] = 'lala.html'
Link[1] = 'lala2.html'
Link[2] = 'lala3.html'
Link[3] = 'lala4.html'
Link[4] = 'lala5.html'
 
var t
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
 
function runSlideShow(){
   document.images.SlideShow.src = preLoad[j].src
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', speed)
}
[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

)

[HTML] pobierz, plaintext 
<html>
<head>
<script src="sliders.js" type="text/javascript"></script>
</head>
<body onload="runslideshow()">
<center>
<img src="33.jpg" name='slideshow'>
</center>
</body>
</html>
[HTML] pobierz, plaintext

Z gory dzieki za wszelka pomoc,
pozdrawiam!

amii

26.06.2010, 18:34:34

Spróbuj dodać do:

[JAVASCRIPT] pobierz, plaintext 
var preLoad = new Array()
 
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
preLoad[i].AREF=Link[i]
 
}
[JAVASCRIPT] pobierz, plaintext

Dodaj do obrazka zdarzenie onclick coś jak to:

[JAVASCRIPT] pobierz, plaintext 
onclick="window.location=this.AREF"
[JAVASCRIPT] pobierz, plaintext

Barcelona

26.06.2010, 18:51:25

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.

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.