Notifikationer

Markér alle som læst Log ud

trevi Nybegynder

10. juni 2005 - 15:04 Der er 6 kommentarer og
1 løsning

Mouseover billede

Hej alle sammen.

Jeg mangler et script som går hen og gør et billede transperant, med hvid farve, hvis man så køre mousen hen over billedet så forsvinder det transperante og billedet kan ses med de rigtige farver.. Det skal siges billedet skal kunne ses lidt i gennem.

Er der nogle af jer der har det?

mvh

Synes godt om

busschou Praktikant

10. juni 2005 - 15:07 #1

roenving har lavet noget lignende
http://roenving.users.whitehat.dk/index.html?/WD5Opacity.html

Synes godt om

trevi Nybegynder

10. juni 2005 - 15:22 #2

Jeg fatter ik så meget af det..

<script language="javascript" type="text/javascript">

var OpC = new Array();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1);

function startOpChange(elm,end,tim){
if (!ie && !moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();

if(ie)actOp=elm.filters.alpha.opacity;
else if(css3)actOp=(elm.style.opacity*100);
else actOp=(elm.style.MozOpacity*100);
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*10)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}

function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}

</script>
</head>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="center" align="middle">
<div align="center">
<table width="50%" border="0" cellpadding="0" cellspacing="20" bgcolor="#D6D6D6">
<tr>
<td><img src="pics/kokbad.gif" name="kok" width="420" height="380" border="0" id="kok" name="kokbad" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;" onmouseover="startOpChange(this,10,10);" onmouseout="startOpChange(this,10,10);">

her er koden sat ind i mit.. kan en af jer hjælpe med at få den til at køre hurtigere med at fade?

Synes godt om

busschou Praktikant

10. juni 2005 - 15:24 #3

ok kan nok ikke hjælpe så meget...havde bare set det og synes det var smart og at det måske var det du manglede :o)
Måske roenving eller en anden kommer forbi :o)

Synes godt om

trevi Nybegynder

10. juni 2005 - 15:28 #4

Bare helt i orden.. Ja det vil jeg håbe så hehe :-D.

Synes godt om

roenving Novice

11. juni 2005 - 00:11 #5

Kan du ikke linke til et komplet dokument, for ovenstående fragment vil selvfølgelig ikke virke !-)

Synes godt om

trevi Nybegynder

14. juni 2005 - 15:46 #6

Jo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>xxxxx</title>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">

var OpC = new Array();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1);

function startOpChange(elm,end,tim){
if (!ie && !moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();

if(ie)actOp=elm.filters.alpha.opacity;
else if(css3)actOp=(elm.style.opacity*100);
else actOp=(elm.style.MozOpacity*100);
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}

function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}

</script>
</head>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="center" align="middle">
<div align="center">
<table width="50%" border="0" cellpadding="0" cellspacing="20" bgcolor="#D6D6D6">
<tr>
<td><img src="pics/kokbad.gif" name="kok" width="420" height="380" border="0" id="kok" name="kokbad" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center" class="style1">Køkken & Bad </div></td>
</tr>
</table></td>
<td><img src="pics/erhverv.gif" name="erhverv" width="420" height="380" border="0" id="erhverv" name="erhverv" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center" class="style1"><strong>Erhverv</strong></div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>

Synes godt om

trevi Nybegynder

15. juni 2005 - 10:15 #7

-lukket-

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	03/05/202613:59
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