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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
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 går 18:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I går 17:33 Facebook kopier en tråd Af clausito i Sociale medier
I går 09:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I går 03:28 Inkasso som privat? Af lekor adams i Fri debat
26/0723:51 Frossen cursor Af goglov i PC
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Microsoft kaster milliardbeløb efter nye tiltag til partnerprogrammet: Partnerne kan nu tjene endnu flere penge
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Læs mere »
Sådan høster du forretningsfordelene ved Internet of Things
Sådan får du overblik og beskytter dine cloudapplikationer
Optimering af Source-to-Pay: Identificér oplagte gevinster og skær omkostninger
Se alle »

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