Avatar billede maxsover Nybegynder
14. december 2003 - 23:57 Der er 16 kommentarer og
1 løsning

Style til billeder

Hej.

Er der ikke et style, som kan gøre sådan, at alm. billeder som ligger på siden er utydelige. Men de bliver tydelige, når man har musen over dem.

Ved alm. billeder, mener jeg fx. Bannere.
Billeder som man kan sige "Gem billede som".
Det skal ikke være: "Gem baggrund som".

Mvh
MaxSover
Avatar billede Slater Ekspert
14. december 2003 - 23:59 #1
Hvad mener du med utydelige? Som i slørede eller som i halv-gennemsigtige?
Avatar billede maxsover Nybegynder
15. december 2003 - 00:00 #2
ja - halv-gennemsigtige.
Avatar billede roenving Novice
15. december 2003 - 00:00 #3
Avatar billede Slater Ekspert
15. december 2003 - 00:05 #4
<img src="http://www.google.com/images/logo.gif" onmouseover="this.style.filter='alpha(opacity=100)'" onmouseout="this.style.filter='alpha(opacity=50)'" style="filter:alpha(opacity=50)">
Avatar billede roenving Novice
15. december 2003 - 00:10 #5
-- og den største forskel på min og Sørens er, at min virker i mange browsere ...

Samt på alle normale slags elementer, og så er der ikke nogen umiddelbar grænse for, hvor mange elementer, som kan have effekten, samt at den som funktion kan aktiveres af alle slags handlinger !-)
Avatar billede maxsover Nybegynder
15. december 2003 - 00:15 #6
roenving-->

Jeg kan ikke helt finde rundt i scriptet, men kan du ikke sætte disse billeder ind på den:


images/duniop-88x31.jpg

images/saudoo_88x31.gif

images/ebrok-streg-88x31.gif

images/funsense1.jpg
Avatar billede roenving Novice
15. december 2003 - 00:18 #7
Hvis du lige smider et link til den kode du ellers bruger !-)

For jeg kan sagtens smide nogle billeder ind i et dokument, men bliver det godt af det ?-)

-- bl.a. er det jo vigtigt, hvor blurrede de skal være fra start ...
Avatar billede maxsover Nybegynder
15. december 2003 - 00:22 #8
Jeg bruger ingen koder...tror jeg da:P

men det skal være fra denne side: http://roenving.users.whitehat.dk/WD5Opacity.html

De skal bare være blurrede dem du har på siden.

Men kan du ikke gøre sådan, at de fader lidt hurtigere.
hvis du ikke kan, så er det fint:)
Avatar billede maxsover Nybegynder
15. december 2003 - 00:23 #9
Du har scr'erne på billederne oven over.
Avatar billede maxsover Nybegynder
15. december 2003 - 00:24 #10
Eller var det det her du mente:

<a href="index.htm"><font size="1" face="Verdana"><img border="0" src="images/duniop-88x31.jpg" width="88" height="31"></font></a>

<img border="0" src="images/saudoo_88x31.gif" alt="Saudoo" width="88" height="31">

<a href="http://www.ebrok.dk" target="_blank"><font size="1" face="Verdana"><img border="0" src="images/ebrok-streg-88x31.gif" alt="ebrok" width="88" height="31"></font></a>

<a href="http://www.funsense.frac.dk" target="_blank"><font size="1" face="Verdana"><img border="0" src="images/funsense1.jpg" width="88" height="31"></font></a>
Avatar billede Slater Ekspert
15. december 2003 - 00:25 #11
roenving -> Hmm... Kan godt se min kode ikke er ret glad for Firebird. hehe
Jeg hentede den fra min gamle notes.txt fra dengang jeg brugte IE.

Hvad er det egentlig den ikke understøtter? Både inline events og filtret burde da virke?
Avatar billede roenving Novice
15. december 2003 - 00:25 #12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fade in - fade out</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/439998">
<script language="javascript" type="text/javascript">
var OpC = new Array();
var endOpC = new Object();
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 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 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>
<body style="font-size:12px;">
<img src="images/duniop-88x31.jpg" name="fisk1" alt="Fade-billede" style="float:left;width:88px;height:31px;filter:alpha(opacity=40);-moz-opacity:0.4;" onMouseOver="startOpChange(this,100,0.5);" onMouseOut="startOpChange(this,40,0.5);">
<img src="images/saudoo_88x31.gif" name="fisk2" alt="Fade-billede" style="float:left;width:88px;height:31px;filter:alpha(opacity=40);-moz-opacity:0.4;" onMouseOver="startOpChange(this,100,0.5);" onMouseOut="startOpChange(this,40,0.5);">
<img src="images/ebrok-streg-88x31.gif" name="fisk3" alt="Fade-billede" style="float:left;width:88px;height:31px;filter:alpha(opacity=40);-moz-opacity:0.4;" onMouseOver="startOpChange(this,100,0.5);" onMouseOut="startOpChange(this,40,0.5);">
<img src="images/funsense1.jpg" name="fisk4" alt="Fade-billede" style="float:left;width:88px;height:31px;filter:alpha(opacity=40);-moz-opacity:0.4;" onMouseOver="startOpChange(this,100,0.5);" onMouseOut="startOpChange(this,40,0.5);">
</body>
</html>
Avatar billede roenving Novice
15. december 2003 - 00:27 #13
-- jeg har sat start-opacity til 40 (/0.4) i koden, det skal rettes igennem, hvis du vil ændre det, og så har jeg sat tiden til et ½ s. (det er alle forekomsterne af 0.5 som styrer det !-)
Avatar billede maxsover Nybegynder
15. december 2003 - 00:38 #14
Tak for hjælpen roenving!

Ligger du svar, så du kan få points?
Avatar billede roenving Novice
15. december 2003 - 00:39 #15
Velbekomme '-)
Avatar billede roenving Novice
15. december 2003 - 00:45 #16
-- og tak for points ;~}
Avatar billede roenving Novice
15. december 2003 - 00:50 #17
>>viperine 00:25:16

Ha, jeg havde slet ikke set dit indlæg i første omgang ...

Men det, som ikke understøttes, er jo præ-IE4 og så de Gecko-baserede, som er før -moz-opacity (den kender jeg ikke versionen på !-)

-- desuden er der et hav af opera og andre, som ikke understøtter ...

-- men jeg er vist pænt dækket ind !o]
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