Avatar billede htmlkongen Novice
21. maj 2006 - 01:45 Der er 2 kommentarer og
1 løsning

Script til billede

Findes der et script som gør følgende.

Ligger et billede ind på en masse undersider, men er "sløret" således at der kan være tekst ovenpå UDEN at det "belaster" teksten.

Man skal egentlig "lægge mærke til det" før man opdager det.

Findes der en kildekode for det? Evt hvormeget fading man vil ha?
Avatar billede htmlkongen Novice
21. maj 2006 - 20:42 #1
Eksperten siger: "Nej så smart er verden ikke endnu"

Fair nok :D
Avatar billede olebole Juniormester
21. maj 2006 - 20:47 #2
<ole>

Hvis man lægger et div med tekst ovenpå et billede, kunne billedet i udgangspunktet være tonet ned med opacity - og derefter fades op til 100%. Det afhænger af, hvad du præcist vil med det  :)

/mvh
</bole>
Avatar billede olebole Juniormester
21. maj 2006 - 21:40 #3
Skulle lige lave noget andet ... men et hurtigt bud kunne være:

#picHolder {
    position: relative;
}
#picHolder span {
    position: absolute;
    top: 20px;
    z-index: 2;
}
#picHolder img {
    position: absolute;
    z-index: 1;
}

- og:

<script type="text/JavaScript">
function fadeIn(oImg) {
    var op;
    if (oImg.filters) {
        op = oImg.filters.item(0).opacity;
        if (op>99) return false;
        oImg.style.filter = "alpha(opacity="+(op + 1)+")";
    } else {
        op = parseFloat(oImg.style.mozOpacity ? oImg.style.mozOpacity : oImg.style.opacity);
        if (op>0.99) return false;
        oImg.style.mozOpacity = op + 0.1;
        oImg.style.opacity = op + 0.1;
    }
    setTimeout(function(){fadeIn(oImg)}, 40);
}
</script>

<span id="picHolder">
    <span>En tekst ...</span>
    <img src="http://www.eksperten.dk/img/elogo.png" style="filter:alpha(20);-moz-opacity:0.2;opacity:0.2" onload="fadeIn(this)">
</span>
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
Kurser inden for grundlæggende programmering

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