Avatar billede ferdinand.k Mester
28. maj 2003 - 01:34 Der er 30 kommentarer og
1 løsning

indsætning af billede i popup vindue!

jeg har en række billeder på min side, som alle skal (når man klikker på ét billede) åbne en popup side, med en forstørret version af de pågældende billede i, og et "luk mig" billede... hvordan laver jeg dette, unden at skulle lave én side, for hvert billede???

se side på: http://hjem.get2net.dk/mydesign/DBI/tag.htm

klik evt på det første billede...
Avatar billede lassez Nybegynder
28. maj 2003 - 01:39 #1
Hej, jeg tror det er dette program du leder efter:
http://www.express-soft.com/etc/

Der kan du selv bestemme hvilke indstillinger den skal lave, og så skal du bare trykke "generer", så laver den alle siderne for dig!
Avatar billede lassez Nybegynder
28. maj 2003 - 01:43 #2
Virker det?
Avatar billede ferdinand.k Mester
28. maj 2003 - 01:45 #3
der er ikke noget script eller stykke kode ell der kan klare det? det er lidt noget bøv ellers?! ;-)
Avatar billede ferdinand.k Mester
28. maj 2003 - 01:48 #4
desuden sidder jeg på en Mac, så jeg kan ikke afvikle .exe filer...
Avatar billede lassez Nybegynder
28. maj 2003 - 01:49 #5
Det her er jo et program der klarer det for dig. Du kan så selv indsætte den html, asp eller php kode der skal indsættes. Du kan selvfølgelig også selv skrive et program i f.eks. asp der kan klare det, men så skal du jo bare selv lave det...
Avatar billede lassez Nybegynder
28. maj 2003 - 01:50 #6
Men det er muligt du kan finde noget på www.hotscripts.com eller www.netcoders.dk
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 01:54 #7
Jeg har netop skrevet lige præcis sådan en funktion ned i en Dreamweaver Extention - bruger du DW kunne det være oplagt at få dem afprøvet på en MAC :o)

http://www.peterelkjaer.dk/dw_extentions/emotorAutoSizeImage.mxp
http://www.peterelkjaer.dk/dw_extentions/emotorASICursorFix.mxp
Avatar billede roenving Novice
28. maj 2003 - 01:54 #8
Fundet i http://www.eksperten.dk/spm/356471

jakobclausen
24/05-2003 10:44:54

<-- 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" alt="Se stort billlede">
</a>

Se eksempel: www.bokaj.dk/eksperten/gribben/
http://www.codelifter.com/main/javascript/autosizeimagepopup.html
Avatar billede ferdinand.k Mester
28. maj 2003 - 01:57 #9
jeg stinker godt nok til dremweaver, men jeg giver det lige et forsøg... det var da egentligt pudigt at du lige sad med det samme... :)
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:05 #10
pelkjaer -->
hvordan benytter jeg dine funktioner?
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:13 #11
Jeg håbede forklaringerne gav sig selv :)

1: Du skal for hvert "billede der skal åbnes i popup" have 2 jpg billeder. En thumbnail, og en stor. Det store skal hedde det samme som din thumbnail, bortset fra at det skal hedde _large til sidst.
Så hedder et billede "test.jpg" skal det store billede hedde "test_large.jpg"

Når du har det på plads, indsætter du en thumbnail, markerer det, går i "behavior-->emotor dev-->Auto Size Images" og vælger "OK" Du kan evt. stille left/top på popup hvis du vil også, men du behøver ikke.
Derefter går du igen i behaviors-->emotor dev, og denne gang vælger du "Auto Size Images Cursor Fix" ok klikker "OK".

That's it, og du kan gøre det på så mange billeder du ønsker, samme fremgangsmåde.
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:14 #12
det lyder jo nemt nok, men jeg skal nok få fucket det op... :) vender straks tilbage.. :)
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:17 #13
Outputtet skulle så gerne blive ala http://www.peterelkjaer.dk/dw_extentions/
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:21 #14
godt nok har jeg aldrig arbejdet med dreamweaver ret meget, men HVORFAEN er det der behavior-ting? kan ikke finde det... er nok for træt...!
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:22 #15
Bruger du MX?
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:23 #16
har fundet det...
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:23 #17
shift+f3 skulle gerne hive behaviors vinduet frem - derefter klikker du på plus tegnet
Avatar billede doggy82 Praktikant
28. maj 2003 - 02:23 #18
Jeg bruger også selv den fra codelifter.com på min side :-)
Se under foto http://home21.inet.tele.dk/doggy82/
Det eneste minus er selvfølgelige at man skal skrive det i hånden.
Det er jo ikke så smart hvis man har mange billeder.
Jeg kigger lige selv lidt på det program fra www.express-soft.com
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:45 #19
hmm, det ser sgu ikke ud til at virke... jeg kan klikke på billedet, men der kommer ikke noget vindue frem...
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:46 #20
Jeg skal ikke kunne sige om det virker på en Mac, jeg har ikke prøvet testet endnu. Virker denne http://www.peterelkjaer.dk/dw_extentions/ på din mac?
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:49 #21
ja, jeg kan sagtens åbne siden, og klikke på billedet... billedet kommer op i faktisk størrelse, så jeg regner med det virker...
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:50 #22
min kode for ét billede ser nu således ud:

<td valign="top" id="tabelLeft"><p class="text"><a onmousedown="changeImages( /*CMP*/'P1040144',/*URL*/'(EmptyReference!)');return true" onmouseup="changeImages( /*CMP*/'P1040144',/*URL*/'(EmptyReference!)');return true" onmouseout="changeImages( /*CMP*/'P1040144',/*URL*/'grafik/thumbnails/P1040144.jpg');return true" href="java script:;" onMouseOver="changeImages( /*CMP*/'P1040144',/*URL*/'(EmptyReference!)');return true;viewFullSizeImage(this,'')"><img src="grafik/thumbnails/P1040144.jpg" name="P1040144" width="130" height="97" border="0"></a></p></td>
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:52 #23
Erhh det er mildt sagt noget forkert :)

Er du startet på et tomt billede og har du blot gjort som beskrevet?
Avatar billede ferdinand.k Mester
28. maj 2003 - 02:55 #24
jep... jeg tager lige et andet...

<td valign="top" id="tabelLeft" width="107"><a href="java script:;" onMouseOver="viewFullSizeImage(this,'')"><img src="grafik/thumbnails/P1040154.jpg" alt="" width="130" height="97" border="0"></a></td>
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 02:59 #25
Ok jeg ved hvad der er galt.

Nederst i dine behaviors skal du vælge "show events for"-->IE 4.0.

Start derefter forfra. Så addes event'en på <img> istedet for en <a href>
Avatar billede ferdinand.k Mester
28. maj 2003 - 03:09 #26
nu spiller det jo... hold kæft hvor er det lækkert... men hvordan kan jeg gøre siden større? den bliver jo kun åbnet i 200x300, og hvad nu hvis billedet ligger ned ell?
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 03:11 #27
Den skulle gerne selv tilpasse vinduet når billede er loadet.
Avatar billede ferdinand.k Mester
28. maj 2003 - 03:16 #28
det gør den ikke, den er jo sat til 350 x 230 eller sådan noget..., men jeg har løst problemet på anden vis... giver du lige et svar?
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 03:18 #29
Ja den er sat til 350x230 - men det er jo irrelevant da den resizer billedet ved load. Men det siger du at den ikke gør? Okay..må jeg se på - det må være Mac.
Avatar billede ferdinand.k Mester
28. maj 2003 - 03:21 #30
det er muligt... der er også forskel på hvilken browser jeg benytter. hvis jeg kører explorer er det ok, men hvis jeg benytter safari, åbner den et tomt vindue mere.... nå tak for hjælpen, jeg smutter sgu i seng nu... :)
Avatar billede pelkjaer Nybegynder
28. maj 2003 - 03:22 #31
safari eksisterer ikke i min verden :=) IE4+, NS6+/Mozilla samt Opera 6+.

Sov godt.
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

Politiets Efterretningstjeneste

Data engineer til PET

Capgemini Danmark A/S

AI Data Architect

Capgemini Danmark A/S

Client Partner