Avatar billede ra__mus Nybegynder
27. november 2003 - 21:21 Der er 13 kommentarer og
1 løsning

forstørre billede

Hvordan gør man så at når man klikker på et billede så popper det op i stort format ??
Avatar billede gil-galad Nybegynder
27. november 2003 - 21:24 #1
laver billedet til et link... <a href="bla.jpg"><img src="bla_small.jpg"></a>
eller hvis det skal "poppe" op: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede jakobclausen Nybegynder
27. november 2003 - 21:28 #2
Avatar billede jakobclausen Nybegynder
27. november 2003 - 21:28 #3
spiffsen >> hehe godt klaret, havde ikke set det var samme link du havde postet. Undskyld!
Avatar billede gil-galad Nybegynder
27. november 2003 - 21:29 #4
:-)
Avatar billede ra__mus Nybegynder
27. november 2003 - 21:42 #5
Hvordan får jeg det passet ind i følgende ??

echo " 
  <tr>           
    <td BgColor='#cccccc'  colspan='5'><center><img src='/test/$row[filnavn]' width=100 height=100></center>
    </td>
  </tr>
  ";
Avatar billede jakobclausen Nybegynder
27. november 2003 - 21:43 #6
Har været ude for et par gange her på eksperten, at brugere at vinduet ikke slutter helt tæt til billedet og der så kommer en hvis bund. Derfor dette script, som skulle gøre det samme, og som skulle virke ved alle:

<-- Sættes ind mellem <head> og </head> -->

<Script Language="JavaScript">
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');     
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();       
}}
</script>

<-- Sættes ind mellem <body> og </body> -->


<a href="java script:popImage('stortbillede.gif','Some Title')">
<img src="lillebillede.gif" border="0" alt="Se stort billlede">
</a>

Se eksempel: www.bokaj.dk/eksperten/gribben/
Avatar billede ra__mus Nybegynder
27. november 2003 - 21:45 #7
På roenvings står følgende kode :

<a href="#" onclick="popWin('img/billede.jpg');return false;"><img src="img/billede.jpg" width="150" alt="Klik for fuld størrelse"></a>

Hvordan få jeg mit passet ind i dette, har lidt problemer med at få det til at virke ??
Avatar billede ra__mus Nybegynder
27. november 2003 - 21:48 #8
stien hvor billedet ligger er :
'/test/$row[filnavn]'
Avatar billede ra__mus Nybegynder
27. november 2003 - 21:58 #9
Jacob clausen jeg har nu skrevet følgende :

<a href="java script:popImage('/test/$row[filnavn]','Some Title')">
                <img src="/test/$row[filnavn]" border="0" alt="Se stort billlede">
                </a>

men der er ikke noget billede i rammen ??
Avatar billede ra__mus Nybegynder
27. november 2003 - 22:08 #10
Jeg kan ikke lige gennemskue det  :(
Avatar billede grunken Nybegynder
27. november 2003 - 22:09 #11
$row[filnavn] ?

hvad er det for en fisk ?

en php varabel ?
Avatar billede grunken Nybegynder
27. november 2003 - 22:10 #12
jeps ;D
Avatar billede grunken Nybegynder
27. november 2003 - 22:13 #13
så skal linket vel se sådan ud

echo"
<a href=\"java script:popImage('/test/".$row[filnavn]."','Some Title')\">
  <img src=\"/test/".$row[filnavn]."\" border=\"0\" alt=\"Se stort billlede\">
</a>
";
Avatar billede ra__mus Nybegynder
27. november 2003 - 23:04 #14
grunken - ja det var fint :)

læg et svar
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

IT-JOB