mouseover script...

3 svar · 356 visningar · startad av lillan 3 mars 2005

lillanMedlem sedan dec. 200475 inlägg

Frågan3 mars 2005 10:20#1

Söker ett script som först gör en bild/foto svart-vitt och när man för musen över bilden/fotot så ska det bli i färg :OO

jawbreakerMedlem sedan jan. 2003296 inlägg

3 mars 2005 11:03#2

Sparar du alla dina bilder i både svartvitt och färg? Eller vill du att en färgbild "automagiskt" ska visas som svartvit ända till man för muspekaren över den?
Om du vill att det ska ske automatiskt så är det enkelt att fixa för de som använder Internet Explorer:

<html>
<head>
<title>Bilder</title>

<style type="text/css">
<!--
.bw { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
-->
</style>
</head>

<body>
<img src="minBild.jpg" class="bw" onmouseover="this.className='';" onmouseout="this.className='bw';">
</body>
</html>

För de som inte använder IE blir det knivigare misstänker jag. Då är det nog varianten med att använda två bilder (en svartvit och en färg) och växla mellan dessa som gäller...

jOOOLMedlem sedan sep. 200436 inlägg

4 mars 2005 22:28#3

du kan ju lägga samma färgbilder i 2olika divs. Sedan använder du php's gd funktion för att göra den ena svartvitt varpå du konstruerar ett javascript som byter vilken div som visas på onmouseover... Då måste du ju förstås lära dig php men ville bara påpeka att det går att göra utan att ha två olika bilder..

dectgapMedlem sedan sep. 20021 655 inlägg

5 mars 2005 01:59#4

jOOOL skrev:

men ville bara påpeka att det går att göra utan att ha två olika bilder..

Men då har du ju två bilder.
Att det är PHP-funktioner som skapar bilderna istället för att du gör det i ett bildbehandlingsprogram gör ingen skillnad på antalet bilder.