Avatar billede babyworm Nybegynder
11. august 2003 - 19:52 Der er 17 kommentarer og
2 løsninger

Roll over og åbne i nyt vindue

Hejsa


Er der en der kan lave en funktion til mig.

jeg har 3 billeder:

Forside.gif er det billede der kommer frem når man holder musen over.
Forsidea.gif er det billede uden musen over
Forsidea-s.gif er det store billede man kan trykke stort


Når man trykker på billedet, så åbner der et nyt vindue med billedet inden i.. det billede skal være uden scroll, menubar, statusbar osv... dvs. så det ligner et billede med border på..! :)
Avatar billede grunken Nybegynder
11. august 2003 - 19:55 #1
måske du skulle placere det i js-kategorien!

men du mener nok noget ligende det her ;)

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede babyworm Nybegynder
11. august 2003 - 20:01 #2
Nej... det er ikke det... hvis du kigger på copymag.dk deres profil.. der kan man åbne en brugers billede på en sej måde.. og så skal der være en mouseover og mouseout der gør billedet grå...
Avatar billede grunken Nybegynder
11. august 2003 - 20:03 #3
giv mig et link så jeg ved hvad vi taler om ;)
Avatar billede babyworm Nybegynder
11. august 2003 - 20:05 #4
www.test.nielsenmand.dk/webdimension

Jeg har prøvet der... der åbner den rigtig nok.. men titelbaren er der stadigvæk.. den ville jeg have væk...

Så ville jeg have det sådan at når man ruller over det lille billede at det blev i farver...
Avatar billede babyworm Nybegynder
11. august 2003 - 20:08 #5
http://www.copymag.dk/page/profil/mode=view&uid=273

der kan du se hvordan jeg vil have det til at se ud...
Avatar billede grunken Nybegynder
11. august 2003 - 20:24 #6
sådan ?

<img id="billede" src="Forsidea-s.gif" style="position:absolute;display:none;" border="1" onclick="this.style.display='none';">
<img src="Forsidea.gif" border="1" onmouseover="this.src='Forside.gif'; onmouseout="this.src='Forsidea.gif';" "onclick="document.getElementByid('billede').style.display='';">
Avatar billede babyworm Nybegynder
11. august 2003 - 20:30 #7
Prøv og kig nu...

www.test.nielsenmand.dk/webdimension

Det midterste billede... det virker ikke lige efter hensigten..
Avatar billede grunken Nybegynder
11. august 2003 - 20:35 #8
jeg manglede et gåseøje ;)

prøv igen :)

<img id="billede" src="Forsidea-s.gif" style="position:absolute;display:none;" border="1" onclick="this.style.display='none';">
<img src="Forsidea.gif" border="1" onmouseover="this.src='Forside.gif';" onmouseout="this.src='Forsidea.gif';" onclick="document.getElementByid('billede').style.display='';">
Avatar billede babyworm Nybegynder
11. august 2003 - 20:38 #9
nu virker mouseover.. men ikke åbne effekten...
Avatar billede grunken Nybegynder
11. august 2003 - 20:49 #10
skulle vist holde mig fra E. i dag!

her!

<img id="Forsidea.gif" src="billede.jpg" style="position:absolute;display:none;" border="1" onclick="this.style.display='none';">
<img src="Forsidea.gif" border="1" onmouseover="this.src='Forside.gif';" onmouseout="this.src='Forsidea.gif';" onclick="document.images['billede'].style.display='';">
Avatar billede babyworm Nybegynder
11. august 2003 - 21:14 #11
<img id="pics/Forsidea.gif" src="billede.jpg" style="position:absolute;display:none;" border="0" onclick="this.style.display='none';">
<img src="pics/Forsidea.gif" border="0" onmouseover="this.src='pics/Forside.gif';" onmouseout="this.src='pics/Forsidea.gif';" onclick="document.images['billede'].style.display='';">

kan du ikke lige kigge den igennem for fejl.. den virker ikke.. du kan selv se på siden
Avatar billede mm12010 Nybegynder
12. august 2003 - 08:16 #12
<img id="billede" name="billede" src="pics/Forsidea.gif" style="position:absolute;display:none;" border="0" onclick="this.style.display='none';">
<img src="pics/Forsidea.gif" border="0" onmouseover="this.src='pics/Forside.gif';" onmouseout="this.src='pics/Forsidea.gif';" onclick="document.images['billede'].style.display='';">
Avatar billede babyworm Nybegynder
12. august 2003 - 20:27 #13
Nu virker roll on... men ikke åbne funktionen...
Avatar billede grunken Nybegynder
12. august 2003 - 20:49 #14
Hvad med at give dine billeder forskellige ID'r du har 3 billeder med ID'n billede!

så skal det gå galt!
Avatar billede mm12010 Nybegynder
13. august 2003 - 10:02 #15
http://www.copymag.dk/page/profil/mode=view&uid=273 er nede - men prøv det her:

<html>
<head>
<title>386250</title>
<script language="javascript" type="text/javascript">
function popPic(file){
    pic = new Image();
    pic.src = file;
    w = pic.width;
    h = pic.height;
    winTop = (screen.height - h - 100) / 2;
    winLeft = (screen.width - w) / 2;
    features = "height="+h+",width="+w+",top="+winTop+",left="+winLeft+",scrollbars=no,status=no";
    doc = "<html>";
    doc += "<head>";
    doc += "<title>PopUp Billede<\57title>";
    doc += "<\57head>";
    doc += "<body style=\"margin:0px;overflow:hidden;\">";
    doc += "<img src=\""+file+"\">";
    doc += "<\57body>";
    doc += "<\57html>";
    newWin=window.open("","Billede",features);
    newWin.document.write(doc);
    newWin.focus();
    }
</script>
</head>
<body>
<img src="pics/Forsidea.gif" style="border: none;" onmouseover="this.src='pics/Forside.gif';" onmouseout="this.src='pics/Forsidea.gif';" onclick="popPic(this.src);">
</body>
</html>
Avatar billede babyworm Nybegynder
13. august 2003 - 21:48 #16
Det virker... men nu er billedet fast defineret størrelse... det man åbner.. Det åbner også kun det lille billede og ikke det store... :)
Avatar billede mm12010 Nybegynder
13. august 2003 - 23:20 #17
newWin=window.open("","Billede",features);
    newWin.document.write(doc);
    newWin.document.close();
    newWin.focus();
    }
</script>
</head>
<body>
<img src="pics/Forsidea.gif" style="border: none;" onmouseover="this.src='pics/Forside.gif';" onmouseout="this.src='pics/Forsidea.gif';" onclick="popPic('mappe/billede_der skal åbnes.gif);">
</body>
</html>
Avatar billede mm12010 Nybegynder
13. august 2003 - 23:23 #18
lige nu tilpasses vinduet til det billed der åbnes - hvis du selv vil bestemme højden skal det være:

<html>
<head>
<title>386250</title>
<script language="javascript" type="text/javascript">
function popPic(file,h,w){
    winTop = (screen.height - h - 100) / 2;
    winLeft = (screen.width - w) / 2;
    features = "height="+h+",width="+w+",top="+winTop+",left="+winLeft+",scrollbars=no,status=no";
    doc = "<html>";
    doc += "<head>";
    doc += "<title>PopUp Billede<\57title>";
    doc += "<\57head>";
    doc += "<body style=\"margin:0px;overflow:hidden;\">";
    doc += "<img src=\""+file+"\">";
    doc += "<\57body>";
    doc += "<\57html>";
    newWin=window.open("","Billede",features);
    newWin.document.write(doc);
    newWin.document.close();
    newWin.focus();
    }
</script>
</head>
<body>
<img src="pics/Forsidea.gif" style="border: none;" onmouseover="this.src='pics/Forside.gif';" onmouseout="this.src='pics/Forsidea.gif';" onclick="popPic('mappe/billede_der skal åbnes.gif','250','400');">
</body>
</html>
Avatar billede babyworm Nybegynder
28. august 2003 - 17:07 #19
Det virker ikke... men ellers tak for hjælpen.. har fjernet funktionen
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
Kurser inden for grundlæggende programmering

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