24. oktober 2004 - 15:46Der er
36 kommentarer og 1 løsning
Link til billeder
Jeg har en side, med en masse link til forskellige billeder på min webserver. Jeg ønsker , at når man trykker på linket, kommet billedet frem i et nyt vindue, som KUN FYLDER SÅ MEGET AT BILLEDET LIGE AKKURAT KAN VÆRE DER ::: IKKE NOGET HVIDT OMKRING.. KAn dette lade sig gøre - jeg fornemmer nemlig, at når jeg under hyperlink vælger destination på linket, og netop vælger nyt vindue, så kommer problemet med at billede kommer frem, men kun oppe i venstre hjørne af det nye vindue - Og med hvis på resten af skærmen...
og gerne en nem måde..... det er cirka 80 billeder jeg skal have vist.... så for at undgå at skulle "paste" ovenstående stykke kode 80 gange er alle genveje velkomne..
Okay - dvs. jeg laver alle mine links ---- jeg bruger ikkke minature, men bare ren skrift ---- og så popper jeg koden ind i head ..... ELLER ???? Kan jeg ikke hente selve scriptet ind et sted, og gemme/modificere det i Frontpage ??
'java script:' i en event-handler er en misforståelse. Man bruger _aldrig_ JavaScript pseudo-protokollen i en event-handler, der jo netop er beregnet til afvikling af JS ;o)
Øhhh - pludselige rammer følelsen af, at være havnet midt i noget jeg pludselig ikke er herre over mere ..... Øhhh - hvem af "the experts" skal man "truste" ???
"The Master of JS - olebole" Ingen tvivl om at olebole er topnørden her. Du kan være helt sikker på at det han siger er sandt, at jeg så ikke forstår et kvæk af hvad han nævner i sin kommentar siger lidt om hvad forskellen på ham og mig er. ....og vi venter stadig på en bedre løsning ole. ;)
Sæt denne i <head> kun en gang (Ja den er hentet hos codelifter.com) Jeg bruger den selv. Man kan selv bestemme om pop-up-billedet skal lukke automatisk eller ej med autoclose.
<script>
// 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>
Klik på lille billede, der popper up i den rigtige størrelse. Sæt dette der hvor billedet/pop-up-billedet skal være (i <body>):
<a href="java script:popImage('stort-billede.jpg','Title i popupvindue')"> <img src="lille-billede.jpg" border="0"> </a>
Hvis du vil bruge et tekstlink skal du sætte dette i <body>:
<a href="java script:popImage('stort-billede.jpg','Title på pop-up')"> Dit tekstlink </a>
Jeg glemte at skrive at pop-up-billedet automatisk vises i billedets faktiske størrelse. Jeg kan se at det ligner noget i retning af det 'backside' skrev, men dette er afprøvet og bruges af mig selv. Du kan se den fulde dokumentation på http://www.codelifter.com/main/javascript/autosizeimagepopup.html
Hvis ikke min hjerne er gået helt i selvsving, så er det da nøjagtig det samme script du poster igen. Aner bare ikke hvor mit eksempel oprindeligt er kommet fra. Men ens er de da.
Jeg tror bare ikke, at der er ret mange, der forstår det kryptiske, der står neden under og at det skal anbringes i <body> og hvordan... Du forklarer jo ikke banjoen hvordan han skal bruge dit script.. Derfor og ikke andet. Jeg tager jo heller æren for scriptet, da jeg linker til kilden hos Codelifter, hvor man måske også kunne få andre gode tips....
Beklager min manglende evne til at forklare mig, men nu er det jo ikke ligefrem et 1600 liniers script vi taler om. Hvis man efter at ha´ set kilden på mit eksempel stadig ikke kan bruge det, kan jeg nok alligevel hjælpe. Og ang. din kommentar 01:06:42, så HAR jeg afprøvet det.
Øhhh - jeg er ved at være en smule i tvivl, om jeg overhoved skal kaste mig ud i alt det her. Havde håbet på en let og pædagogisk løsning, men er efterhånden ude i, at når selv eksperterne tvivler, så spreder usikkerheden sig også til undertegende.
En sidste gang : er der enighed om at scripte er funktionsdygtigt ?? (havde jeg haft evnerne, havde jeg selv afprøvet ovenstående - men det har jeg desværre bare ikke)
Ja, det fungerer aldeles udemærket, prøv dette link. Vinduet lukker selv ved klik udenfor viduet eller på et nyt link. Men den "rigtige og forhåbentlig kortere udgave er da også interessant. Det er da en lang klamamse at putte i head, men relativ kort i body. http://www.krogsten.com/linderod/2004.htm
SÅ er jeg tilbage - har prøvet det hele - alting ser ud til at virke - UNDTAGEN (og det er i virkligheden det vigtigste) billedet. Jeg kan sagtens sætte script ind, rette til så link passer med tekst i HTML-mode, men linket <a href="#" onclick="java script:popImage('../images/andet/banjo.jpg','Banjo 2004')">Banjo</a> kan ikke finde billede i mit webhotel ... det ligger jo i een mappe, images>andet> Banjo.jpg.....
Er der et sted i selve scriptet jeg skal rette til, eller skal alle billeder ud at ligge i webhotel roden... (håber ikke på det sidste, da jeg så , grundet et kæmpe arbejde, må undlade at bruge ovenstående script...)
Hmmm .. jeg har kigget på begge, men kom i sidste ende frem til, at jeg bibeholder scirptet som anført foroven, men er skal kopiere hele linket fra http://www.banj ...ndet/banjo.jpg ... Ikke kun /images/andet/banjo.jpg.....
Puhhh ha' syntes ikke ligefrem at det er let, - hvorfor kan man ikke finde et eller andet tilføjelseprogram med en masse script, som man kunne arbejde lidt mere "uden om HTML-land" i FP.... :o)
Tak anyway
banjoen
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.