Avatar billede gizp Nybegynder
16. juni 2004 - 15:20 Der er 10 kommentarer og
1 løsning

Boks med billede

Hej!

Jeg skal bruge et script ligesom der bliver brugt på dba.dk og hotpeople.dk

Eks.: http://www.dba.dk//asp/soegning/soegning.asp?Niveau=2&OldNiveau=2&RubrikId=250&Annoncetype=2&Sortering=1&Sorteringtype=1&kortsogX=0&kortsogY=0&kortsogRad=0&kortsogNavn=0&radX=0&radY=0&FavoritNavn=&SoegningId=0&FirstSearch=&Fritekst=Mac+%2C+iBOOK+G3&RegionId=0&Submit=%A0%A0%A0S%F8g+nu+%BB%A0%A0%A0&PrisFra=0&PrisTil=9999999&Forhandler=0&Medbillede=1&AntalDage=0&begraens=2

Altså det når du kører musen over billedet kommer der den boks. En sådan håber jeg der er en der kan finde eller lave til mig :D ?

På forhånd tak

/gizp
Avatar billede skovenborg Nybegynder
16. juni 2004 - 15:29 #1
Avatar billede gizp Nybegynder
16. juni 2004 - 15:33 #2
Ja, evt. hvis der kan indsættes billeder i.

Skal måske lige siges, jeg ikke kan noget JavaScript
Avatar billede gizp Nybegynder
16. juni 2004 - 15:35 #3
Og vil helst undgå at der skal reklamer på min side, da det er en firma side
Avatar billede skovenborg Nybegynder
16. juni 2004 - 16:06 #4
den kan vise hvad du nu har lyst til - hvis du kigger i http://www.bosrup.com/web/overlib/?Command_Reference kan du se de mange muligheder. Du kan kigge under FULLHTML eller BACKGROUND som hver især kan vise et billede. Sidstnævnte har et eksempel:
overlib('Uses myPicture.jpg as the background', BACKGROUND, 'myPicture.jpg', FGCOLOR, '')
Avatar billede gizp Nybegynder
16. juni 2004 - 16:17 #5
Eh, findes der ikke en nemmere.

Evt. bare en div der kommer op på onMouseOver med billedet i. Lyder da ikke til at være svært. Men ved selvfølgeligt ikke.
Avatar billede skovenborg Nybegynder
16. juni 2004 - 17:53 #6
ja overlib er nok smart men temmelig stort og kompliceret. Du kan istedet prøve denne lille funktion:
<script type="text/javascript">
function showBox(e) {
          box = document.getElementById("boks").style;
          box.left = ((e.clientX) ? e.clientX : e.pageX)+15+"px";
          box.top = ((e.clientY) ? e.clientY : e.pageY)-15+"px";
          box.display = "block";
  }
  function hideBox() {
          document.getElementById("boks").style.display="none";
  }
</script>

div id="boks" style="position:absolute;left:0px;top:0px;display:none"><img src="andetbillede.png" /></div>
<img src="billede.png" onmouseover="showBox(event)" onmousemove="showBox(event)" onmouseout="hideBox()" />
Avatar billede skovenborg Nybegynder
16. juni 2004 - 17:53 #7
Hov manglede et < tegn:
<div id="boks" style="position:absolute;left:0px;top:0px;display:none"><img src="andetbillede.png" /></div>
<img src="billede.png" onmouseover="showBox(event)" onmousemove="showBox(event)" onmouseout="hideBox()" />
Avatar billede gizp Nybegynder
16. juni 2004 - 19:20 #8
Okay tak. Prøver det lige imorgen, så får vi at se om det virker ;)
Avatar billede gizp Nybegynder
17. juni 2004 - 09:39 #9
Jow tak, det virker sørme. http://db-solution.dk/referencer.php

Ligger du lige et svar?
Avatar billede skovenborg Nybegynder
17. juni 2004 - 12:12 #10
jo, værsgo' :-)
Avatar billede skovenborg Nybegynder
17. juni 2004 - 13:42 #11
og tak for points :-)
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