Avatar billede zyxep Nybegynder
23. oktober 2003 - 17:43 Der er 6 kommentarer og
1 løsning

hover på pic

hey!!

jeg har et script i php som viser nogen billeder fra en mappe, vil så have at billedet skal laves med lidt runde kanter ikke selve piccet men koden til det, og så hoveren på det skal fremhæve billedet og så når man trykker skal den sige i et felt som er usynligt en kode til billedet som jeg kan bruge til et mysql udtræk


håber nogen ka løse det
Avatar billede roenving Novice
23. oktober 2003 - 18:42 #1
Jeg kender ikke metoder til at afrunde hjørner, som vil virke på alle browsere, men resten er ikke så kompliceret, her er et eksempel, hvor jeg bruger opacity (gennemsigtighed !-)

<img src="billede.jpg" style="width:100px;height:100px;filter:alpha(opacity=80);-moz-opacity:0.8;" onmouseover="this.filters.alpha.opacity=100;this.style.MozOpacity=1" onmouseout="this.filters.alpha.opacity=80;this.style.MozOpacity=0.8" onclick="document.minForm.skjult.value=this.src">
<input type="text" name="skjult" value="">
Avatar billede zyxep Nybegynder
23. oktober 2003 - 18:47 #2
hmmm ok hmmm ku godt bruge det med de runde hjørner
Avatar billede roenving Novice
23. oktober 2003 - 18:53 #3
-- og jeg testede lige på Mozilla også, og fandt ud af, at man skulle

<script language="javascript" type="text/javascript">
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1)
</script>

<img src="../billede.jpg" style="width:100px;height:100px;filter:alpha(opacity=80);-moz-opacity:0.8;" onmouseover="if(ie){this.filters.alpha.opacity=100}else{this.style.MozOpacity=1}" onmouseout="if(ie){this.filters.alpha.opacity=80}else{this.style.MozOpacity=0.8}" onclick="document.minForm.skjult.value=this.src">
<input type="hidden" name="skjult" value=""><br>
Avatar billede olebole Juniormester
23. oktober 2003 - 20:10 #4
<ole>

I en anstændig browser som Netscape/Mozilla kan man naturligvis godt lave rundede hjørner. I IE - som jo stadig fedter rundt med en CSS-standard fra midten af 90-erne - er der derimod ikke noget at gøre (andet end at lave det i grafik).
Nu kan man nok ikke håbe på mere end, at IE's næste version kommer til at overholde CSS2. Mon så ikke den vil overholde CSS3 om en halv snes år eller så?  :o|
Når det sker, er der dog lys forude. I CSS3 kan man nemlig bruge 'border-radius' ... i NS kan man idag bruge '-moz-border-radius':

<style type="text/css">
.bla {
    height: 300px;
    width: 300px;
    background-color: red;
    /* Virker idag i NS/Moz */
    -moz-border-radius: 10px 30px 50px 0px;
    /* Vil virke i CSS3 */
    border-radius: 10px 30px 50px 0px;
}
</style>

<div class="bla">Bla</div>

/mvh
</bole>
Avatar billede zyxep Nybegynder
23. oktober 2003 - 21:03 #5
øv, så må jeg leve med det her så :P
Avatar billede olebole Juniormester
23. oktober 2003 - 21:55 #6
Fint nok ... så deler vi lige selv points  ;o)

roenving >> Fis lige herover:
  http://www.eksperten.dk/spm/417973
/mvh
Avatar billede roenving Novice
24. oktober 2003 - 05:23 #7
Muy bueno ...

-- og velbekomme zyxep ;~}
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