/ 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
Billede fra sort hvid til farve
Fra : Niels Henriksen


Dato : 10-04-03 08:52

Hejsa

jeg har et farvebillede og vil have følgende effekt..

Det skal blive vist som sort/hvid og når man holder musen over, så skal det
være i farve.. nogle der har et godt link?

Niels



 
 
Knud Gert Ellentoft (10-04-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 10-04-03 16:34

"Niels Henriksen" <news@biggs.dk> skrev :

>Det skal blive vist som sort/hvid og når man holder musen over, så skal det
>være i farve.. nogle der har et godt link?

Konverter billedet til sort/hvid i et grafikprogram.

Og mouseoverfunktionen:

<script type="text/javascript">
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
</script>
</head>
<body>
<a href="link.htm" target="_blank"
onMouseOver="document.mit_billede1.src='2.jpg';"
onMouseOut="document.mit_billede1.src='1.jpg';"
<img src="1.jpg" name="mit_billede1" border="0" width="100"
height="100" alt="Linktekst" title="Linktekst"></a>

Den første del i head preloader billedet, der skal fremkomme ved
mouseover.

Skal der flere mouseoverbilleder, så skal det næste hedde noget
andet end mit_billede1, f.eks. mit_billede2 osv.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Cocktail-Henning ;-) (15-04-2003)
Kommentar
Fra : Cocktail-Henning ;-)


Dato : 15-04-03 13:32

Niels Henriksen wrote in dk.edb.internet.webdesign.clientside:
> jeg har et farvebillede og vil have følgende effekt..
Det skal blive vist som sort/hvid og når man holder musen over, så skal det
være i farve.. nogle der har et godt link?

Her er en spøjs Gradual HiLite som gir en fix effect...:

i HTML siden indsætter du:
<script language="JavaScript1.2" src="gradualhilite.js"></script>
</head>

<body>
...
<img src="bilede.jpg" style="filter:alpha(opacity=40)"
onMouseover="high(this)" onMouseout="low(this)">
</osv>
....
og gradualhilite.js indeholder:

<!-- version 25 feb 2002
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50) //50
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20 //20
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100) //100
cur2.filters.alpha.opacity+=20 //5
else if (window.highlighting)
clearInterval(highlighting)
}

//--->
-------------
Bemærk kun eet billede bruges her!


???? ku det bruges ???
God Påske fra Cocktail,
(ryster haren og ægget sammen...)



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

Knud Gert Ellentoft (15-04-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 15-04-03 15:38

Cocktail-Henning <henning@unforgettable.com> skrev :

>Bemærk kun eet billede bruges her!

Bemærk det virker kun i IE!

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Cocktail-Henning ;-) (16-04-2003)
Kommentar
Fra : Cocktail-Henning ;-)


Dato : 16-04-03 09:31

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.clientside:
> Bemærk det virker kun i IE!
>
Ja jo (rødmer lidt...) og det er et skråplan at glemme Netscape, Opera
etc...
men for p.... mere end 99% af mine besøgende på http://minhave.dk bruger
IE...

Bedste PåskeØnsker fra
Cocktail-Henning

(Ryster - ikke af kulde, men af forventning til havearbejdet i Påsken...)

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

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

Månedens bedste
Årets bedste
Sidste års bedste