Søg
Avatar billede schram Nybegynder
28. april 2007 - 00:02 Der er 8 kommentarer og
1 løsning

mouseover og vis billede et andet sted

Hejsa...

Er igang med at lave en mærkelig hjemmeside.. :)
http://www.palacio.dk/test/test.html

Vil høre jer om det er muligt og om hvordan man kan lave det sådan når man kører musen over en af de der ketchup(osv) flasker at man så kan vise forskellige billeder alt efter hvilken flaske oppe foroven af pølsevognen (i det hvide skilt) ?

Nogen der kan hjælpe?
Avatar billede roenving Novice
28. april 2007 - 11:34 #1
Som lige vist, er det måske http://www.eksperten.dk/spm/512430 ?-)
Avatar billede schram Nybegynder
28. april 2007 - 13:02 #2
det var ikke helt det.. det fungere udemærket.. men den skal vise et andet billede i det store felt og ikke det billede man kører musen over...
Avatar billede roenving Novice
28. april 2007 - 13:10 #3
Det kan du jo bare sende med i stedet for !-)

-- en anden udgave, der nemmere kan laves om: http://www.eksperten.dk/spm/599649 ...
Avatar billede schram Nybegynder
28. april 2007 - 13:30 #4
det skal bare ikke fade...!

kan du lige sige hvordan jeg evt. kunne få den første jeg bruger til at vise et helt andet billede og ikke det jeg kører musen over ?
Avatar billede roenving Novice
28. april 2007 - 13:50 #5
Så f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#imgcontainer{
  position:relative;
  top:0px;
  left:0px;
}
.orgImg{
  height:70px;
}
.fadeImg{
  height:400px;
  top:0px;
  left:0px;
  z-index:1;
}
</style>
<script type="text/javascript">
var imgs = ["altBillede0.png","altBillede1.png"];

function changePic(num){
  document.getElementById("img0").setAttribute("src",imgs[num]);
}
</script>
</head>

<body>
  <div id="imgcontainer">
      <img id="img0" src="../billede.jpg" class="fadeImg" style="">
  </div>
<table>
  <tr>
    <td>
      <img src="../billede.jpg" alt="billede.jpg" class="orgImg" onmouseover="changePic(0);">
      <img src="../eksperten_logo_new.gif" alt="eksperten_logo_new.gif" class="orgImg" onmouseover="changePic(1);"></td>
    <td>
      </td>
  </tr>
</table>
</body>

</html>
Avatar billede schram Nybegynder
28. april 2007 - 14:34 #6
OK... tak.. det virker :) Bare et spørgsmål mere...
Når jeg nu kører musen over et billede og så væk derfra igen så bliver billedet ved med at være der.. der skulle den gerne gå tilbage til et standard-billede ? hvordan kan det lade sig gøre ?
Avatar billede roenving Novice
28. april 2007 - 14:45 #7
Sæt en mouseout, der genskaber billedet:

onmouseout="restorePic();"

-- og tilføj en funktion til scriptet:

function restorePic(){
  document.getElementById("img0").setAttribute("src","detOriginaleBillede.jpg");
}

Velbekomme '-)
Avatar billede schram Nybegynder
28. april 2007 - 14:55 #8
Kanon.. Tak.. :)
Avatar billede roenving Novice
28. april 2007 - 14:58 #9
-- og jeg takker for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
White papers
Flere white papers »