Avatar billede kimlarsen1978 Nybegynder
29. juni 2004 - 22:21 Der er 6 kommentarer og
1 løsning

Vis billede i DIV ved mouse over

Hejsa
Hvordan får jeg et mouseoverevent til at vi en popup med et billede i?

Siden har en række ikoner og når musen flyttes ind over ikonet, så skal der ved siden af ikonet komme en lille "popup" med et andet billede i.

Jeg forstiller mig at løsningen er noget med at vise en DIV, der er placeret relativ i forhold til ikonet. Det er stort set det samme som på DBA eks. her: http://www.dba.dk//asp/soegning/soegning.asp?Fritekst=&RubrikId=47300&Medbillede=0&AntalDage=0&Querytype=0&KortSogRad=0&KortSogY=0&KortSogX=0&kortsogNavn=0&radX=0&radY=0&RegionId=0&Forhandler=0&FavoritNavn=&SoegningId=0&SektionId=0&PrisTil=9999999&PrisFra=0

Kør musen hen over kameraikonet - det er det jeg gerne vil.

Noget der har de vise sten?
Avatar billede skovenborg Nybegynder
29. juni 2004 - 23:29 #1
måske kan du bruge det lille script fra dette spørgsmål:
http://www.eksperten.dk/spm/510493
Avatar billede kinguru Nybegynder
30. juni 2004 - 01:33 #2
Hvilke dele af et sådan script er det du har problemer med?

For kombineret med det skript som skovenborg der henviser til, og lidt events, skulle det vil være til at overkomme, eller?

---
// Create the div
var element = document.getElementById('theElementToTriggerEvent');
var div = document.createElement('div');
// Settup the style and position of the div relative to 'element'. And making display=none
// ...

var image = document.createElement('image');
image.src = 'imageSrc.png';
div.appendChild(image);

element.onmouseover = function(){
  div.style.display=block;
  // hvis du har brug for at flytte det, gøres her
}

element.onmouseout = function(){
  // ved ikke om du også vil skjule det eller gøre andet når musen flyttes igen
  div.style.display=none;
}
--

Eller noget i den stil ?
Avatar billede kimlarsen1978 Nybegynder
30. juni 2004 - 18:49 #3
skovenborg -->> det virker
Avatar billede kimlarsen1978 Nybegynder
30. juni 2004 - 18:49 #4
Et svar bitte ;-)
Avatar billede skovenborg Nybegynder
30. juni 2004 - 20:19 #5
værsgo' :-)
Avatar billede kimlarsen1978 Nybegynder
30. juni 2004 - 20:29 #6
Jeg brugte ideen fra det link du sendte - men jeg lavede nogle rettelser for at få det til at virke som jeg ville, men tak for din hjælp :-)
Avatar billede skovenborg Nybegynder
30. juni 2004 - 21:48 #7
jamen tak for points - og glad for du kunne bruge den anden løsning (lettere modificeret) :-)
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