Notifikationer

Markér alle som læst Log ud

daxiez Nybegynder

02. november 2003 - 22:43 Der er 10 kommentarer og
1 løsning

RollOverScript til farve skift på billede.jpg

Vil gerne lave et script til som gøre et billede sort/hvid og når musen er over ses farverne. Billedet er selvfølgelig et frave billede til at starte med.jpg
Håber der er en som kan hjælpe.

Synes godt om

ztyxx Nybegynder

02. november 2003 - 22:45 #1

du skal have to billeder, et i farve, og et i sort/hvid

<img name="billede" src="farve.jpg" height="25" width="25">
<a href="#" onMouseover="document.billede.src='sorthvid.jpg'" onMouseout="document.billede.src='farve.jpg'">Klik her</a>

Synes godt om

bearhugx Nybegynder

02. november 2003 - 22:56 #2

Der er også en IE specifik ting, som virker

<html>
<body>
<img src="image.jpg" style="filter:gray;" onmouseover="this.style.filter='none';" onmouseout="this.style.filter='gray';"/>
</body>
</html>

Synes godt om

daxiez Nybegynder

02. november 2003 - 22:57 #3

Det var sådan set det jeg gerne ville undgå da billederne fylder for meget på den måde. Vil gerne hvis det kunne gøres med et script-

Synes godt om

bearhugx Nybegynder

02. november 2003 - 22:58 #4

formentligt bliver filter (som MS har lanceret) en del af et CSS3 modul... Både Mozilla og IE understøtter transparency (men på hver deres måde) - og derfra er der ikke langt til mange af de andre filter-effekter, som MS understøtter....

Synes godt om

bearhugx Nybegynder

02. november 2003 - 22:59 #5

Mit svar behøver kun et billede - som så bliver vist på hver deres måde ... og hvis siden bliver hentet ind i en browser, som ikke forstår filter, så vises billedet bare normalt hele tiden (altså med farver)

Synes godt om

daxiez Nybegynder

02. november 2003 - 23:01 #6

takker... det var super....
//Daxiez

Synes godt om

bearhugx Nybegynder

02. november 2003 - 23:02 #7

Husk på - det virker kun i IE fra IE 5.5 og opefter --omend mange efterhånden bruger IE 6

Synes godt om

ztyxx Nybegynder

02. november 2003 - 23:05 #8

og så er der jo også, som du selv siger, bearhugx, andre browsertyper, det ikke virker i

Synes godt om

ohmish Nybegynder

02. november 2003 - 23:23 #9

en anden, ret anderledes metode er at bruge et billede med 2 "udgaver" stablet lodret. så skifter man y-position via css. det kræver ikke javascript.

Synes godt om

bearhugx Nybegynder

02. november 2003 - 23:26 #10

ohmish >> du mener vel z-index ?

Synes godt om

ohmish Nybegynder

02. november 2003 - 23:57 #11

næh. men f.eks background-position: 0 -44px;

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS