html - Rollover et img for at få 2 imgs til at poppe op? - Udvikleren.dk

Tags: html css

<< < 1 2 3 > >>

Bruger #13546 @ 07.04.08 08:39

hvordan gør man det i css?

30 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #13488 @ 07.04.08 14:24

Og fandt forresten lige ud af at man godt kan bruge pseido-class´s på billeder f.eks: "img:hover"

skulle nemlig lige lave en egenskab der gjorde at cursoren skiftede når man kørte over et billedelink.

Bruger #12836 @ 07.04.08 14:52

857

Hej Jeppe,

Prøv at lave en test side og se om det virker i MS IE. Hvis det gør må du meget gerne smide et link i min retning.

Med venlig hilsen
Ieet

Bruger #13488 @ 07.04.08 15:29

er det img:hover du mener?

Indlæg senest redigeret d. 07.04.2008 15:29 af Bruger #13488

Bruger #12836 @ 07.04.08 15:30

857

Hej Jeppe,

Jeps. Det er img:hover, for så vidt jeg har kunnet læse mig frem til understøtter MS IE ikke denne funktionalitet. Men glæder mig da til at se at det kan gøres - eller at jeg har taget fejl. Jeg kunne da godt tænke mig at benytte den mere så.

Med venlig hilsen
Ieet

Bruger #13488 @ 07.04.08 15:32

Prøver lige igen for jeg er lidt i tvivl om, om det kun er billed-links eller om det også er alm. billeder.

Bruger #13488 @ 07.04.08 16:02

Jeps det er mugligt, MEN man skal huske at tilføje:

Kode

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

i toppen ellers virker det ikke.

Se selv her hvordan markøren skifter når man kører hen over billedet: http://www.jeppessider.wep.dk/billedehovertest.html

Så jo det er mugligt, men kun med "doctype" også selvom det ikke er et link

Indlæg senest redigeret d. 07.04.2008 16:03 af Bruger #13488

Bruger #13488 @ 07.04.08 16:11

EDIT: Glemte lige at poste koderne:

CSS:

Kode

* {cursor:url("arrow1.cur"), pointer}

img:hover {cursor:url("cur21.ani"), hand;}

img {border: none;}

HTML:

Kode

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<img src="dhnbanner.bmp" /></p>
</body>
</html>

Indlæg senest redigeret d. 07.04.2008 16:12 af Bruger #13488

Bruger #12836 @ 07.04.08 16:14

857

Hej Jeppe,

Nice nok. Så burde det også være muligt at skifte billedet ved hjælp af lidt CSS hacks. Dejligt at det at det virker.

Med venlig hilsen
Ieet

Bruger #13488 @ 07.04.08 16:19

Jeps..Lige før man kunne lave en hel artikel om det :lol:

Bruger #13488 @ 07.04.08 17:22

Prøv at læse om javascript her:

http://www.html.dk/artikler/00004/
og her:
http://javascript.about.com/library/blpopup5.htm

Her er et eksempel på noget javascript kode:

Kode

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="test.css">
 <script type="text/javascript">
   function Popup()
   {
    thenewwin = window.open("dhnbanner.bmp","mitvindue","width=500,height=150");
thenewwin.moveTo(50,50);
   }
  </script>
</head>
<body>
<p onmouseover="Popup()"><img src="dhnbanner.bmp"></p><br/>
</body>
</html>

det bliver til:
http://www.jeppessider.wep.dk/billedehovertest.html

<< < 1 2 3 > >>

Rollover et img for at få 2 imgs til at poppe op?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler