/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
rullemenu af billeder
Fra : Lasse Vestergaard


Dato : 12-04-06 18:45

Jeg er ved at lave en hjemmeside hvor man kan se fem billeder der
står på række. Der er i starten og slutningen af rækken en pil.
Når man trykker på en af pilene, skal rækken af billeder rykke
mod højre eller venstre afhængig af hvilken pil man trykker på.
Jeg laver det i javascript, men der er et problem som jeg ikke
kender, da jeg ikke kan se fejlmeddelsen.

Javascript koden:

var storeBilleder=new Array()
var smaaBilleder=new Array()
var forst=0
var sidst=4

for(i=0;i<45;i++){
storeBilleder[i]="billeder/bladreBilleder/store/"+(i+1)+".jpg"
smaaBilleder[i]="billeder/bladreBilleder/store/"+(i+1)+"_"+(i+1)+
".jpg"
}

function naeste(){
   if(document.images && sidst<44){
      forst++
      sidst++
      document.1.src=smaaBilleder[forst]
      document.2.src=smaaBilleder[forst+1]
      document.3.src=smaaBilleder[forst+2]
      document.4.src=smaaBilleder[forst+3]
      document.5.src=smaaBilleder[forst+4]
   }
}
function forrige(){
   if(document.images && forst>0){
      forst--
      sidst--
      document.1.src=smaaBilleder[forst]
      document.2.src=smaaBilleder[forst+1]
      document.3.src=smaaBilleder[forst+2]
      document.4.src=smaaBilleder[forst+3]
      document.5.src=smaaBilleder[forst+4]


Html koden:

<a href=javascript:naeste()><img border="0"
src="billeder/hpil.jpg"></a>

<a href=javascript:forrige()><img border="0"
src="billeder/vpil.jpg"></a>

Er der nogen der kan se hvad der går galt?

vh

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Lasse Vestergaard (12-04-2006)
Kommentar
Fra : Lasse Vestergaard


Dato : 12-04-06 19:15

Jeg har selv fundet løsningen!

Jeg havde givet de billeder, der på onload skulle vises, name="et
tal"

<img border="0" src="billeder/bladreBilleder/store/1_1.jpg"
name="1">
<img border="0" src="billeder/bladreBilleder/store/2_2.jpg"
name="2">
<img border="0" src="billeder/bladreBilleder/store/3_3.jpg"
name="3">
<img border="0" src="billeder/bladreBilleder/store/4_4.jpg"
name="4">
<img border="0" src="billeder/bladreBilleder/store/5_5.jpg"
name="5">

Det må man ikke. Man skal give name="b1"(f.eks.). Så virker det.
Således:

<img border="0" src="billeder/bladreBilleder/store/1_1.jpg"
name="b1">
<img border="0" src="billeder/bladreBilleder/store/2_2.jpg"
name="b2">
<img border="0" src="billeder/bladreBilleder/store/3_3.jpg"
name="b3">
<img border="0" src="billeder/bladreBilleder/store/4_4.jpg"
name="b4">
<img border="0" src="billeder/bladreBilleder/store/5_5.jpg"
name="b5">

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (15-04-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 15-04-06 17:35

Lasse Vestergaard wrote:

> var storeBilleder=new Array()
> var smaaBilleder=new Array()
> var forst=0
> var sidst=4
>
> for(i=0;i<45;i++){

Hvorfor tæller du op til 44, når du kun har fem billeder?
Det her er bedre
var antal=5
for (i=1;i<antal;i++)

Det er meget vanskeligt at få dit script til
rime med. at det er en menu, du vil lave.

Du skriver om menu, om at flytte billeder og
har et script der umiddelbart går ud på at vise
billeder.

Et link til din side ville hjælpe meget på sagen,
også selv om det ikke virker.

Er det et slideshow, du er ude efter, kan
du måske bruge dette link:

http://www.webdesign101.dk/javascript/slideshow/slideshow2.php


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste