(1) Synes du skal lave en popup til at vise billederne i fuldstørrelse med, istedet for den nuværende måde: Kig evt. på: www.bokaj.dk/eksperten/gribben/
(2) Synes du skal prøve at ligge en lille tynd sort streg rundt om den grå indholdsboks, så du laver en afgrænsning mellem baggrund og indhold.
<-- Nedenstående kode sættes ind i koden 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>
<-- Nedenstående kode sættes ind ved hvert billede -->
istedet for gron_big.jpg skriver du navnet på det billede der skal åbne i vinduet. Istedet for "grønt billede" skriver du den titlen du vil have at popup vinduet skal have. Istedet for gron_small.jpg skriver du navnet på det billede der skal ligge inde på selve hjemmesiden.
>>jakobclausen Hold da op!!! *GGG* Tak skal du have!!! Nu bliver jeg for besværlig og vil spørge om hvordan kan jeg lave den sorte streg rund om den grå?
Det er da en nydelig side hvis man kan lide katte :-)
Dog synes jeg det er synd at dine kattesilhouetter foroven er så hakkede. Derfor rentegnede jeg dem lige (man skal jo ikke brokke sig uden at gøre noget ved det). Du kan hente dem her hvis du vil:
Næ gu gør de ej (stupid me). De er 80x120px hvor dine er 82x120px. Men jeg har sq ikke lige tid til at lave dem om lige nu. Du kan jo få Illustrator-filen hvis du selv vil lave dem om :-)
Synes godt om
Ny brugerNybegynder
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.