Avatar billede pnr Nybegynder
10. maj 2005 - 20:35 Der er 10 kommentarer og
1 løsning

Få vist et billede og knap når man køre musen over et billede

Hvordan laver en mouseover effekt hvor jeg har et lille billede, hvis man køre musen over dette billede skal jeg have vist et billede samt en knap. Det skal vises lige over det billede som man køre musen over..
Avatar billede joaqin Nybegynder
10. maj 2005 - 20:49 #1
Hej pnr

Bruger du nogle editorer
f.eks Dreamwiever etc
mvh
Joaqin
Avatar billede roenving Novice
10. maj 2005 - 21:43 #2
Også knappen ?-)
Avatar billede pnr Nybegynder
11. maj 2005 - 07:50 #3
joagin: jeg bruger Visual Studio 2003

Ja der skal vises et billede og under det billede en knap hvormed man kan slette billedet. Det med at slette skal jeg nok selv lave.

Billedet skal poppe up når man køre musen over det lille billede, det skulle også gerne blive stående hvis man køre musen op og vil trykke på knappen under billedet.
Avatar billede joaqin Nybegynder
11. maj 2005 - 09:05 #4
hej pnr
lav to html dokumenter
kald det ene lille.htm, det andet stort.htm
Under lille.htm
Indsætter du følgende kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>lille.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<a href="stor.htm"><img src="navn_på_lille_billede.gif" width="85" height="114" border="0"></a>
</body>
</html>
Under stort.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>stor.htm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<img src="Navn_på_stort_Billede.jpg" width="283" height="381"> <br>
<br>
<a href="java script:window.close();">LUK BILLEDET</a>
</body>
</html>

for luk knappen er det nok bedre at indsætte et "billede"
Altså eks lavet i fotoshop, og derefter giv den koden
java script:window.close();">

prøv og kig på min side Under
Billeder til salg
klik på billedet for stort format
herkommer så en "close knap frem" der lukker lige over billedet
DU SKAL NOK BRUGE KODEN OnMouseOver:
Så er du fri for at klikke på billedet
men kun lade passerer

Håber det er til lidt hjælp
www.gallerifantasi.dk

Du må gerne tage koderne

Mvh

Joaqin
Avatar billede pnr Nybegynder
11. maj 2005 - 09:19 #5
Joaqin: tak for dit løsningsforslag! Men jeg havde forestillet mig en løsning der ligger i et html dokument, som evt. gør brug af layer i css, Noget ala overlib, jeg kan bare ikke få overlib til at virke efter hensigten i asp.net.
Avatar billede joaqin Nybegynder
11. maj 2005 - 09:23 #6
Hej Pnr

ØHH !! Så står jeg af, det er ikke lige min stærke side!!Desværre!!
Håber Du får en løsning!! Du er tilfreds med
Ha`det godt
MVH
Joaqin
Avatar billede majsmarken Nybegynder
11. maj 2005 - 09:44 #7
Jeg har ikke selv 'kørekort' til det men kender denne side:
http://www.dynamicdrive.com/dynamicindex15/index.html
- om ikke så for inspiration ?
Avatar billede pnr Nybegynder
11. maj 2005 - 10:16 #8
Ja det er lidt ala det jeg skal bruge jeg skal bare have en knap i også skal den ikke forsvinde igen hvis man køre musen oven i billedet. Derudover skal den bruges på en dynamiskløsning (asp.net) og det vil sige at billedet og knappens funktion skal sættes dynamisk. Det er ikke så vigtigt at løsningen virker i alle browser, men den skal kunne virke i Internet Explore.
Avatar billede roenving Novice
11. maj 2005 - 11:23 #9
Du kan også gøre det med overLib: http://www.bosrup.com/web/overlib/ !-)

Kig efter FULLHTML her: http://www.bosrup.com/web/overlib/?Command_Reference
Avatar billede pnr Nybegynder
11. maj 2005 - 15:46 #10
Er der ikke andre måder at gøre det på?

Mit problem er at jeg skal have en asp.net knap ind i den boks, og det kan jeg ikke få til at virke med overLib :-/
Avatar billede pnr Nybegynder
18. maj 2005 - 15:16 #11
Da jeg ikke har kunnet bruge overlib i den sammenhæg har jeg selv lavet det i javascript. I skal alle have mange tak for jeres kommentarer, desværre var der ingen af dem der første til en løsning.
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