Avatar billede hoplaringen Nybegynder
09. marts 2011 - 12:54 Der er 11 kommentarer og
1 løsning

Hjælp til link på billeder

Hej Eksperter.

jeg har følgende script (fundet her på siden :-).
Jeg vil gerne have forskellige links på de tre billeder.
Kan I hjælpe med det?

<SCRIPT lanuguage="javascript">
var member=0;
function rotere()
{
    member=member+1;
    if(member>3)
    member=1;
    document.banner.src="img/"+member+".jpg";
    setTimeout("rotere()", 4000);
}
//4000 står for millisekunder//
 
</SCRIPT>
</head>

<body onLoad="rotere()" bgcolor="#FFFFFF" text="#000000">
<IMG src="img/1.jpg" name="banner" border="0" width="650" height="300" align="top">

Mvh
Peter
Avatar billede claes57 Ekspert
09. marts 2011 - 13:19 #1
der mangler noget tabel med billeder...
Der skal bare laves en tilsvarende tabel med links, og sætte
document.banner.onclick
Avatar billede YngviK Nybegynder
09. marts 2011 - 14:56 #2
Jeg er ikke helt sikker, men som jeg kan se har du kun ét billede vist:
<IMG src="img/1.jpg" name="banner" border="0" width="650" height="300" align="top">

er det korrekt? Skal der ikke flere linjer på med flere billeder?

Med sandsynlighed for jeg har misforstået det, så kan du linke som følgende:

<a href="dit link her"><IMG src="img/1.jpg" name="banner" border="0" width="650" height="300" align="top"></a>

Så linker den i hvert fald :-)
Avatar billede hoplaringen Nybegynder
09. marts 2011 - 15:11 #3
Jeg vil gerne have et nyt link for hvert billede.
#claes57; jeg er ikke særlig skrap til java, så derfor spørger jeg her. Kan du lave et eksempel til mig?
Avatar billede claes57 Ekspert
09. marts 2011 - 15:12 #4
du har
document.banner.src="img/"+member+".jpg";
så dine 3 billeder hedder bare 1.jpg, 2.jpg og 3.jpg - så vi laver link på tilsvarende tæller

<SCRIPT lanuguage="javascript">
var member=0;
var mitlink="";
function rotere()
{
    member=member+1;
    if(member>3)
    member=1;
    if (member==1){mitlink="http://www.1side.dk";}
    else if (member==2){mitlink="http://www.2side.dk";}
    else {mitlink="http://www.3side.dk";}
    end if
    document.banner.src="img/"+member+".jpg";
    document.banner.onclick=mitlink;
    setTimeout("rotere()", 4000);
}
//4000 står for millisekunder//
</SCRIPT>
Avatar billede hoplaringen Nybegynder
09. marts 2011 - 16:38 #5
Mange tak for hjælpen #clease57
Jeg får en kode fejl ved linien "end if", ka det passe?
Avatar billede claes57 Ekspert
09. marts 2011 - 17:58 #6
det var en smutter fra vb - den skal ikke med.
I javascript er } nok til at forklare, at if'en er slut.
Avatar billede hoplaringen Nybegynder
09. marts 2011 - 19:39 #7
Jeg har prøvet at indsætte en } mange forskellige steder uden held.
Kan du poste det korrekte script?
Avatar billede claes57 Ekspert
09. marts 2011 - 20:26 #8
jeg har stadig ikke hele din kode, så det er kun gæt fra min side. Jeg har ikke skrevet at du skulle indsætte en } mere - bare at 'End if' var forkert. Så prøv lige med
<SCRIPT lanuguage="javascript">
var member=0;
var mitlink="";
function rotere()
{
    member=member+1;
    if(member>3)
    member=1;
    if (member==1){mitlink="http://www.1side.dk";}
    else if (member==2){mitlink="http://www.2side.dk";}
    else {mitlink="http://www.3side.dk";}

    document.banner.src="img/"+member+".jpg";
    document.banner.onclick=mitlink;
    setTimeout("rotere()", 4000);
}
//4000 står for millisekunder//
</SCRIPT>
Avatar billede hoplaringen Nybegynder
10. marts 2011 - 09:45 #9
Takker, så skifter billederne.
Men linket virker ikke?
Jeg går udfra at der mangler en document.banner.onclick som du skrev tidligere.
Det er faktisk hele koden den der står her:
<SCRIPT lanuguage="javascript">
var member=0;
var mitlink="";
function rotere()
{
    member=member+1;
    if(member>3)
    member=1;
    if (member==1){mitlink="http://www.1side.dk";}
    else if (member==2){mitlink="http://www.2side.dk";}
    else {mitlink="http://www.3side.dk";}
    document.banner.src="img/"+member+".jpg";
    document.banner.onclick=mitlink;
    setTimeout("rotere()", 4000);
}
//4000 står for millisekunder//
</SCRIPT>
</head>

<body onLoad="rotere()" bgcolor="#FFFFFF" text="#000000">
<IMG src="img/1.jpg" name="banner" border="0" width="650" height="300" align="top">
Avatar billede claes57 Ekspert
10. marts 2011 - 10:27 #10
man kan ikke bruge onclick på den måde - den findes ikke på
http://www.java2s.com/Code/JavaScriptReference/Javascript-Properties/CatalogJavascript-Properties.htm
så jeg finder lige på noget andet.
Avatar billede claes57 Ekspert
11. marts 2011 - 17:30 #11
jeg har lagt en <a href...> omkring billedet - den kalder så en javascriptfunktion, der ser på det aktuelle 'member' nummer, og så linker tilsvarende.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script language="JavaScript">
var member=0;
var mitlink="";
function rotere()
{
    member=member+1;
    if(member>3){member=1;}
    document.banner.src="img/"+member+".jpg";
    //4000 står for millisekunder//
    setTimeout("rotere()", 4000);
}
function gaatil() {
    if (member==1){mitlink="http://www.1side.dk";}
    else if (member==2){mitlink="http://www.2side.dk";}
    else {mitlink="http://www.3side.dk";}
    location.href=mitlink;
}
</script>
</head>
<body onLoad="rotere()" bgcolor="#FFFFFF" text="#000000">
<a href="#" onclick="gaatil();"><IMG src="img/1.jpg" name="banner" border="0" width="650" height="300" align="top"></a>
</body>
</html>
Avatar billede hoplaringen Nybegynder
14. marts 2011 - 08:49 #12
Det er smukt Claes57.
Mange mange tak for den rigtig gode hjælp.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester