Avatar billede 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.
Avatar billede 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>
Avatar billede 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>
Avatar billede 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-
Avatar billede 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....
Avatar billede 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)
Avatar billede daxiez Nybegynder
02. november 2003 - 23:01 #6
takker... det var super....
//Daxiez
Avatar billede 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
Avatar billede 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
Avatar billede 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.
Avatar billede bearhugx Nybegynder
02. november 2003 - 23:26 #10
ohmish >> du mener vel z-index ?
Avatar billede ohmish Nybegynder
02. november 2003 - 23:57 #11
næh. men f.eks background-position: 0 -44px;
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

IT-JOB