Avatar billede stefmeister Nybegynder
13. januar 2006 - 21:10 Der er 11 kommentarer og
1 løsning

to billeder oven på hinanden

Hej

Er det muligt at lave en funktion, så når man køre musen over et bestemt billede, så kommer der et andet billedet ovenpå? altså ikke bare en swap funktion. Hvis jeg f.eks. har et billedet der er 100x75, er det så muligt, at når jeg tager musen over, at der så ovenpå kommet et billede på f.eks. 10x75? så man stadig kan se det gamle bagved, men der så ligger et lille billede ovenpå?
Avatar billede olebole Juniormester
13. januar 2006 - 21:36 #1
<ole>

Du er nødt til at fortælle noget mere - for der kommer hurtig rod i mouse-events, når du lægger et billede ovenpå  :)

/mvh
</bole>
Avatar billede stefmeister Nybegynder
13. januar 2006 - 22:17 #2
Altså jeg har et galleri jeg trækker frem via php, så bliver de sat op ved siden af hinanden. Jeg skal så have lavet en funktion, så når man klikker på dem, så bliver det enkelte billede slettet (det er en admin funktion). Når man så kører musen hen over, så skal der bare komme et lille billede hen over hvor der står "Slet?".
Avatar billede olebole Juniormester
13. januar 2006 - 23:05 #3
Du kunne måske skrive noget à la:

<style type="text/css">
.imgDiv {
    position: relative;
}
.delete {
    position: absolute;
    left: 5px;
    top: 10px;
    z-index: 2;
    display: none;
}
</style>

<script type="text/JavaScript">
function hideShowDelete(elm, show) {
    var im = elm.parentNode.getElementsByTagName("img")[0];
    im.style.display = show ? "inline" : "none";
}
</script>

<div class="imgDiv">
    <img src="delete.gif" class="delete" onmouseover="hideShowDelete(this, 1)" onmouseout="hideShowDelete(this)">
    <img src="dit_pic.jpg" onmouseover="hideShowDelete(this, 1)" onmouseout="hideShowDelete(this)">
</div>
Avatar billede stefmeister Nybegynder
14. januar 2006 - 00:22 #4
hmm... når jeg sætter musen over, sker der ikke noget, når jeg så fjerne musen igen, så forsvinder det oprindelige billede :/
Avatar billede olebole Juniormester
14. januar 2006 - 00:25 #5
'dit_pic.jpg' er selve billedet
'delete.gif' er det billede, der skal vises/skjules
Avatar billede olebole Juniormester
14. januar 2006 - 00:28 #6
- og rækkefølgen, de er skrevet i, er vigtig  ;o)
Avatar billede olebole Juniormester
14. januar 2006 - 00:32 #7
I denne linje hiver vi fat i det første img-element i div'et:
    var im = elm.parentNode.getElementsByTagName("img")[0];

- derfor er det vigtigt, de er skrevet i den rigtige rækkefølge.

Har du skrevet billederne i omvendt rækkefølge, skal script-linjen se sådan ud:
    var im = elm.parentNode.getElementsByTagName("img")[1];

- så hiver du fat i det andet img-element i div'et
Avatar billede stefmeister Nybegynder
14. januar 2006 - 00:41 #8
aaah.. havde glemt <div class="imgDiv">.. det virker perfekt...
drop et svar ;)
Avatar billede olebole Juniormester
14. januar 2006 - 00:50 #9
- gjort  ;o)
Avatar billede stefmeister Nybegynder
14. januar 2006 - 00:55 #10
takker ;)
Avatar billede olebole Juniormester
14. januar 2006 - 01:19 #11
- og tak for points  ;o)
Avatar billede stefmeister Nybegynder
14. januar 2006 - 15:51 #12
hvis jeg nu skal have det ene billede til at være et link, hvorfor kan man ikke det? Så kommer det andet billede ikke ovenpå, og så forsvinder det oprindelige billede bare når man køre musen ud igen?! :/
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