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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Skiftende billede link...
Fra : Michael


Dato : 15-05-01 19:07

Jeg har et billede link.
Jeg vil gerne have det sådan, at når man fører musen hen over
det, skal billede skifte til et andet billede.(linket skal
stadigvæk være det samme)
Hvad er html koden til det ?
hilsen michael
PS. jeg er ny i html verdenen

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

 
 
Kasper Kyndsberg (15-05-2001)
Kommentar
Fra : Kasper Kyndsberg


Dato : 15-05-01 19:16

Michael wrote in dk.edb.internet.webdesign.html:
> Jeg har et billede link.
> Jeg vil gerne have det sådan, at når man fører musen hen over
> det, skal billede skifte til et andet billede.(linket skal
> stadigvæk være det samme)
> Hvad er html koden til det ?
Du kan finde den her http://www.html.dk/scripts/javascript/00001/

> hilsen michael
> PS. jeg er ny i html verdenen
Det er ikke html men derimod javascript...

/Kasper

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Michael (15-05-2001)
Kommentar
Fra : Michael


Dato : 15-05-01 19:31

Kasper Kyndsberg wrote in dk.edb.internet.webdesign.html:
> Michael wrote in dk.edb.internet.webdesign.html:
> > Jeg har et billede link.
> > Jeg vil gerne have det sådan, at når man fører musen hen over
> > det, skal billede skifte til et andet billede.(linket skal
> > stadigvæk være det samme)
> > Hvad er html koden til det ?
> Du kan finde den her http://www.html.dk/scripts/javascript/00001/
>
> > hilsen michael
> > PS. jeg er ny i html verdenen
> Det er ikke html men derimod javascript...
>
> /Kasper
>
> --
> Dette indlæg er sendt fra http://www.html.dk
> * Søg og læs i de danske nyhedsgrupper om webdesign
> * Tutorials og artikler om webdesign på dansk

Jeg har prøvet at rode med det, og jeg kan ikke få det til at
virke....
Den vil ikke vise mit billede....Hvad i koden skal udskiftes ?(så
det bliver mit billede/link)
Hilsen Michael

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Andreas Clausen (15-05-2001)
Kommentar
Fra : Andreas Clausen


Dato : 15-05-01 19:46

> Jeg har prøvet at rode med det, og jeg kan ikke få det til at
> virke....
> Den vil ikke vise mit billede....Hvad i koden skal udskiftes ?(så
> det bliver mit billede/link)
> Hilsen Michael

billede1.gif og billede2.gif

Billede 1 er det der normalt er...billede 2 er det der vises når
musen er over billedet.

Der udover skal http://www.html.dk udskiftes med dit eget link.

--
Venlig Hilsen

Andreas Clausen
http://website.gjk.dk/snagg



Michael (15-05-2001)
Kommentar
Fra : Michael


Dato : 15-05-01 20:23

Andreas Clausen wrote in dk.edb.internet.webdesign.html:
> > Jeg har prøvet at rode med det, og jeg kan ikke få det til at
> > virke....
> > Den vil ikke vise mit billede....Hvad i koden skal udskiftes ?(så
> > det bliver mit billede/link)
> > Hilsen Michael
>
> billede1.gif og billede2.gif
>
> Billede 1 er det der normalt er...billede 2 er det der vises når
> musen er over billedet.
>
> Der udover skal http://www.html.dk udskiftes med dit eget link.
>
> --
> Venlig Hilsen
>
> Andreas Clausen
> http://website.gjk.dk/snagg
>
>
Nu er jeg kommet frem til at der slet ikke sker noget, når musen føres
over...
Jeg ved ikke hvad jeg gør galt!

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Knud Gert Ellentoft (15-05-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 15-05-01 20:39

Tue, 15 May 2001 19:22:45 +0000 (UTC), skrev Michael
<skatermann@get2net.dk>:

>Nu er jeg kommet frem til at der slet ikke sker noget, når musen føres
>over...
>Jeg ved ikke hvad jeg gør galt!

Prøv dette:

<html><head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "22.jpg";
</script>
</head>
<a href="link.htm"
onMouseOver="document.mit_billede1.src='22.jpg';
" onMouseOut="document.mit_billede1.src='11.jpg';
" target="main" > <img src="11.jpg" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst title="Linktekst"></a>
</body></html>

11.jpg + 22.jpg skal du selvfølgelig skifte ud med navnet på dit
billede og link.htm er navnet på den side som der skal linkes til.

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark/
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://home.chello.no/bmork/oefix.exe

Jonas Astrup - html.~ (15-05-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 15-05-01 20:50

Michael wrote in dk.edb.internet.webdesign.html:
> Jeg ved ikke hvad jeg gør galt!

Prøv at sende os et link til din side med scriptet på - så er det meget
nemmere at hjælpe

Mvh
Jonas

--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Stefan Bruhn (16-05-2001)
Kommentar
Fra : Stefan Bruhn


Dato : 16-05-01 18:48

On Tue, 15 May 2001 18:07:09 +0000 (UTC), Michael
<skatermann@get2net.dk> wrote:

>Jeg har et billede link.
>Jeg vil gerne have det sådan, at når man fører musen hen over
>det, skal billede skifte til et andet billede.(linket skal
>stadigvæk være det samme)
>Hvad er html koden til det ?
>hilsen michael
>PS. jeg er ny i html verdenen

Jeg bruger dette:

<a href="#" onmouseout="navn.src='billede1.jpg'"
onmouseover="navn.src='billede2.jpg'"><img src="billede1.jpg"
name="navn"></a>

Her skal du i onmouseout og onmouseover ændre navn til det der passer
for billedet's name tag.
Navnet er unikt, så du vil få fejl hvis flere billeder har samme name.

--
Mvh. Stefan
Website: http://ghashul.dk/
"I demand the right to keep and arm bears"
"A computer without Windows, is like a fish without a bicycle"

Lars Hoffmann (18-05-2001)
Kommentar
Fra : Lars Hoffmann


Dato : 18-05-01 21:48

Stefan Bruhn wrote:
>
> On Tue, 15 May 2001 18:07:09 +0000 (UTC), Michael
> <skatermann@get2net.dk> wrote:
>
> >Jeg har et billede link.
> >Jeg vil gerne have det sådan, at når man fører musen hen over
> >det, skal billede skifte til et andet billede.(linket skal
> >stadigvæk være det samme)
> >Hvad er html koden til det ?
> >hilsen michael
> >PS. jeg er ny i html verdenen
>
> Jeg bruger dette:
>
> <a href="#" onmouseout="navn.src='billede1.jpg'"
> onmouseover="navn.src='billede2.jpg'"><img src="billede1.jpg"
> name="navn"></a>
>
> Her skal du i onmouseout og onmouseover ændre navn til det der passer
> for billedet's name tag.

Problemet med dette script er blot at dt ikke cacher billeder før musen
bliver ført hen over linket, det vil sige at brugeren kan risikere at
komme til at vente på at se billedet i det øjeblik han fører musen hen
over linket.
så er det bedre lige at preloade billedet:

<HTML>
<HEAD>
<SCRIPT language=javascript>
billede1 = new Image
billede1.src = 'grafic/button11.gif'
billede2 = new Image
billede2.src = 'grafic/button12.gif'
</SCRIPT>
</HEAD>
<BODY>

<a href="#" onmouseout="document.navn.src='billede1.jpg'"
onmouseover="document.navn.src='billede2.src'"><img src="billede1.src"
name="navn"></a>

</BODY>
</HTML>


--
/Lars

HTML software: <http://go.to/HTMLEasyColors>
Brug venligst Re: og ikke Sv: ved svar, da beskeder
der begynder med Sv: bliver slettet fra mange servere

Stefan Bruhn (18-05-2001)
Kommentar
Fra : Stefan Bruhn


Dato : 18-05-01 22:03

On Fri, 18 May 2001 22:47:54 +0200, Lars Hoffmann <lars@hoffmann.ac>
wrote:

>Problemet med dette script er blot at dt ikke cacher billeder før musen
>bliver ført hen over linket, det vil sige at brugeren kan risikere at
>komme til at vente på at se billedet i det øjeblik han fører musen hen
>over linket.
>så er det bedre lige at preloade billedet:

Jep, preloader mine ved at vise dem i en usynlig <div>.

--
Mvh. Stefan
Website: http://ghashul.dk/
"I demand the right to keep and arm bears"
"A computer without Windows, is like a fish without a bicycle"

Lars Hoffmann (18-05-2001)
Kommentar
Fra : Lars Hoffmann


Dato : 18-05-01 22:02

Stefan Bruhn wrote:
>
> >så er det bedre lige at preloade billedet:
>
> Jep, preloader mine ved at vise dem i en usynlig <div>.

ok, det kan man jo også

--
/Lars

HTML software: <http://go.to/HTMLEasyColors>
Brug venligst Re: og ikke Sv: ved svar, da beskeder
der begynder med Sv: bliver slettet fra mange servere

Søg
Reklame
Statistik
Spørgsmål : 177528
Tips : 31968
Nyheder : 719565
Indlæg : 6408701
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste