CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede ritten Nybegynder
09. januar 2001 - 20:05 Der er 16 kommentarer og
1 løsning

billeder i pop-up

hej med jer...
jeg har et indeks med 12 forskellige billeder/thumbnails, og når man klikker på et af billederne så ville det være lækkert hvis billedet dukkede op i fuld størrelse i et pop-up vindue. men det skal helst være sådan at jeg ikke skal ind og definere hver enkelt pop-up vindue som en selvstændig html-fil...
Avatar billede Christian V. Dalsgaard Nybegynder
09. januar 2001 - 20:08 #1
se: http://www.eksperten.dk/spm/30446
Avatar billede zhatten Nybegynder
09. januar 2001 - 20:25 #2
def er det ikke dette du henviser til ? :



<!-- FOUR STEPS TO INSTALL IMAGE SIZED WINDOW:

  1.  Insert the HEAD section into a new file, save as image-window.html
  2.  Add the onLoad event handler into the BODY tag of image-window.html
  3.  Put the last coding into the BODY section of image-window.html
  4.  Place the window opening code into your regular HTML page  -->

<!-- STEP ONE: Paste this code into the HEAD of image-window.html  -->

<HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Original:  Alan Chu -->
<!-- Web Site:  http://homepage.hkpeoples.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == \"Netscape\") ? 1 : 0;
isIE4 = (navigator.appName.indexOf(\"Microsoft\") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
wind//  End -->
</script>
</HEAD>

<!-- STEP TWO: Insert the onLoad event handler to image-window.html  -->

<BODY onLoad=\"fitWindowSize()\">

<!-- STEP THREE: Copy this code into the BODY of image-window.html  -->

<div style=\"position:absolute; left:0px; top:0px\">
<img src=\"image.gif\" alt=\"JSS Logo\" width=\"267\" height=\"103\">
</div>

<!-- STEP FOUR: Paste this code into your window opening page -->

<a href=\"image-window.html\" target=\"_blank\">Open Image Window</a>

<p><center>
<font face=\"arial, helvetica\" SIZE=\"-2\">Free JavaScripts provided<br>
by <a href=\"http://javascriptsource.com\">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.59 KB -->ow.resizeTo(500, 500);
width = 500 - (document.body.clientWidth -  document.images[0].width);
height = 500 - (document.body.clientHeight -  document.images[0].height);
window.resizeTo(width, height);
  }
}




- Zhatten
Avatar billede Christian V. Dalsgaard Nybegynder
09. januar 2001 - 20:27 #3
Jeg tænkte på:
<html>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
function PopUp(url, width, height)
{
var Win = window.open(\"popupjpg3.html?\"+url,\"Kunstforening\",\'width=\' + width + \',height=\' + height + \',resizable=yes,scrollbars=no,menubar=no\' );
}
//-->
</SCRIPT>

<body>
  <a href=\"java script:PopUp(\'NotesIcon.GIF\',100,100)\">Januars køb</a>
</body>
</html>

\'----popup window
<html>
<HEAD>
<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4)
{
isNav4 = (navigator.appName == \"Netscape\") ? 1 : 0;
isIE4 = (navigator.appName.indexOf(\"Microsoft\") != -1) ? 1 : 0;
}



function PopPic()
{
var strFileName = location.search.substring(1, location.search.length)
CurImage = new Image();
CurImage.src = strFileName

if (isIE4)
  {
  window.resizeTo(500, 500);
  width = 500 - (document.body.clientWidth -  CurImage.width);
  height = 501 - (document.body.clientHeight -  CurImage.height);
  window.resizeTo(width, height);
}
if (isNav4)
  {
  window.innerWidth = CurImage.width;
  window.innerHeight = CurImage.height;
  }
trans.src = strFileName
}
//  End -->
</script>
</HEAD>

<BODY onload=\"PopPic();\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\" leftmargin=\"0\" rightmargin=\"0\" bottommargin=\"0\">
<img src=\"NotesIcon2.GIF\" name=\"trans\" alt=\"Jeg skal være her!!!!\"><br>
</body>
</html>
Avatar billede ritten Nybegynder
09. januar 2001 - 23:26 #4
==> def
det ser rigtigt godt ud, mit problem nu er bare at
mit popup vindue kun er 100x100 er der en løsning?
Avatar billede Christian V. Dalsgaard Nybegynder
10. januar 2001 - 08:54 #5
<a href=\"java script:PopUp(\'NotesIcon.GIF\',100,100)\"> Kan med fordel sættes op til:
<a href=\"java script:PopUp(\'NotesIcon.GIF\',700,700)\">
Avatar billede milo Nybegynder
10. januar 2001 - 10:29 #6
jeg har noget i php! godt nok har du bedt om javascript..

men det fungerer sådan, at man bare laver en html fil hvor man fx kan fjerne margin, har en tanke om at det også er noget af det du gerne vil? var det i hvert fald da jeg skulle bruge scriptet...

når man så skal åbne et billed i det html/php dokument, skriver du bare fx side.php?billed=billed.gif

så åbner den billed.gif i dokumentet..altså bruger man ét dokument til alle billederne! Ret smart...

Er du interesseret i dette?
Avatar billede ritten Nybegynder
10. januar 2001 - 13:27 #7
def => men vil det ikke bare sætte vindue størrelsen til 700*700? ideen er jo at størrelsen skal være dynamisk.

milo => hvis vinduesstørrelsen kan variere med billedet størrelse så er jeg på.
Avatar billede milo Nybegynder
11. januar 2001 - 08:39 #8
ritten>>hmm...så vidt jeg husker kan man ikke sætte det til at være dynamisk...men checker når jeg kommer hjem for at være sikker...jeg regner med at være hjemme ved 3-tiden idag...
Avatar billede ritten Nybegynder
11. januar 2001 - 12:48 #9
milo=> lækkert

def=> har prøvet det, men mit vindue er stadigvæk kun 100*100. Jeg fatter det ikke....
Avatar billede milo Nybegynder
12. januar 2001 - 21:35 #10
ritten>>nope det kan ikke selv finde ud af størrelse...sorry...

men har måskee en løsning..gider jeg ik forklare om nu...men der går nok et par dage før jeg vender tilbage og skriver!
Avatar billede ritten Nybegynder
12. januar 2001 - 21:39 #11
det er iorden
Avatar billede ritten Nybegynder
20. januar 2001 - 13:19 #12
def=> jeg er meget forvirret. når jeg bruger gif billeder fungerer scriptet som det skal, men med jpg er det fuldstændigt umuligt for mig at få det til at virke
Avatar billede rune_mariboe Nybegynder
23. januar 2001 - 19:23 #13
Hvad med

<script language=\"JavaScript\">
function resizeit(width,height) {
window.resizeTo(width,height)
}
</script>

<img src=\"billedet.ext\" onLoad=\"resizeit(this.width,this.height)\">

i popupvinduet (hvis du har adgang til ASP/PHP/whatever)?

Ellers kan du da bare bruge
<a href=\"java script:window.open(\'billedet\',\'billednavn\',\'height=billedhøjde,width=billedbredde,menu=0,scrolling=0\')\"><img src=\"thumbnail.ext\"></a>
eller
<img src=\"thumbnail.ext\" onClick=\"window.open(\'billedet\',\'billednavn\',\'height=billedhøjde,width=billedbredde,menu=0,scrolling=0\')\">
??
Avatar billede jakoba Nybegynder
11. februar 2001 - 18:03 #14
Du kan nøjes med at lave een .html fil til alle billederne:
( kald filen  \"visbilled.html\" )

<html><head>
<title>Rittens billeder</title>
</head>
<BODY bgcolor=#FFFFFF
      ONLOAD=\"resizeTo(document.images.billed.width+16, document.images.billed.height+50);\">

<script language=\'javascript\'>
document.write(\"<img name=\'billed\' src=\'\" +location.search.substring(1)
+\"\'>
</script>

</body>
</html>

Tallene 16 og 50 i onload kommandoen er fudge for at kompensere for margin og vinduesrammer. de skal nok justeres.

i din thumbnails side laver du så dine links som:

<a href=\"visbilled.html?billed1.jpg\" tarbet=\"_blank\"><img src=\"tn_billed1.jpg\"></a>

mvh JakobA
Avatar billede jakoba Nybegynder
11. februar 2001 - 18:05 #15
tarbet -> target
Avatar billede jakoba Nybegynder
02. marts 2001 - 21:23 #16
men vinduet ankommer omme bagved dit hovedvindue. For at få det om bagved kan du tilføje en self.focus() i  scriptet i filen visbilled.html:

<html><head>
<title>Rittens billeder</title>
</head>
<BODY bgcolor=#FFFFFF
      ONLOAD=\"resizeTo(document.images.billed.width+16, document.images.billed.height+50);\">

<script language=\'javascript\'>
document.write(\"<img name=\'billed\' src=\'\" +location.search.substring(1) +\"\'>\");
self.focus();
</script>

</body>
</html>


<a href=\"visbilled.html?billed1.jpg\" target=\"_blank\"><img src=\"tn_billed1.jpg\"></a>
Avatar billede ritten Nybegynder
16. juni 2001 - 13:17 #17
fandt selv det jeg skulle bruge... tak for al hjælpen...
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01 Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40 Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27 renteberegning Af Pil i Excel
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Sådan får du overblik og beskytter dine cloudapplikationer
Læs mere »
Sikkerhed uden grænser: Cisco Hypershield
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
Styrk compliance, sikkerhed og overblik med ét hug
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »