--- title: "Popup till bilder" type: "forum-thread" url: "https://www.webforum.nu/amne/javascript/140700-popup-till-bilder" topic: "JavaScript" topic_url: "https://www.webforum.nu/amne/javascript" author: "Melea" published: "2006-01-11T20:07:48.000Z" updated: "2006-01-13T21:59:37.000Z" replies: 19 views: 534 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/140700-popup-till-bilder" --- # Popup till bilder ## #1 — Melea, 2006-01-11T20:07Z Tjenixen! Nu ska jag banne mig lära mig javascript, så jag behöver allting förklarat för mig, steg för steg. :p Det är så att jag har ett bildarkiv med thumbnails, och man ska kunna klicka på dessa bilder för att få upp orginalstorleken i ett nytt fönster, som är anpassat till bildens storlek. Har börjat lite smått ```

``` Hur gör jag nu om jag vill ändra storleken på fönstret, så att det blir bildens bredd/höjd? Tack! :) Permalänk: https://www.webforum.nu/p/140700 ## #2 — Peter S, 2006-01-11T20:38Z Eftersom du vill ändra fönstrets storlek kan window.resizeTo()användas: ``` write(""); ``` Det första argumentet anger fönstrets bredd och det andra argumentet dess höjd. Med document.images\[0\] hämtar vi en referens till dokumentets första bildobjekt (det skriver ut på raden under denna). Bredd och höjd får vi med .width respektive .height. Nu, på dessa värden är det inte omöjligt att du får addera något tal för att få det som du vill. Sedan har ju de olika webbläsarna benägenheten att rendera saker och ting annorlunda ändå :) Om fönstrets dimensioner går att ändra på användarnivå kanske du också vill använda body.onresize. Jag kan passa på att tipsa om Jojoxx popupskript. De tar hänsyn till både det ena och det andra. Vill du ha dem förklarade är det bara att posta något här. Permalänk: https://www.webforum.nu/p/1745041 ## #3 — Melea, 2006-01-12T17:06Z Tack Peter! :) Jag tittade på Jojoxx popupscript och kom fram till att detta passar mitt ändamål bäst ```

``` Det känns som jag förstår vad koden gör, bara det att jag måste öva en jäkla massa för att lära mig de olika syntax:erna utantill. Det verkar dock som att den ovanstående koden vill att man måste acceptera popups för just den sidan, vilket inte något av de andra scripten Jojoxx har gjort gör. Vad är det som skiljer detta från de andra? Har stirrat mig blind nu, men jag ser ingen markant skillnad, förutom att sidan laddas med "loader". Är det det som strular till att? Permalänk: https://www.webforum.nu/p/1745407 ## #4 — Peter S, 2006-01-12T18:51Z Problemet verkar ligga i att popupen genereras genom bildens onloadattribut (vilket kan jämföras med t.ex. window.onload i vilken popups också blockeras). Det lustiga med koden är att popupen bara blockeras varannan gång för mig i Firefox. Du kanske får ta en annan av Johans varianter - en utan förladdningsfönster. :) Permalänk: https://www.webforum.nu/p/1745446 ## #5 — Melea, 2006-01-12T19:19Z Använder en annan variant nu, men det vore toppen om man öppnade ett fönster, som anpassade sig till bildens storlek, men ändå var ett dokument som jag själv har döpt och kan ändra i. Typ som WebTor har på Några förslag? :) Permalänk: https://www.webforum.nu/p/1745452 ## #6 — Peter S, 2006-01-12T19:59Z Beroende på hur du visar dina bilder kan det göras på några olika sätt. ``` // huvudfönstret med tumnaglarna // php har väl några trevliga funktioner för att ta reda på bilders dimensioner? function openWin(url){ window.open(url, "imgPopup", "height=100,width=100"); return false; } // i image.php använder du sedan querystring-variablerna så här // nb. att sätta GET-värdena direkt i openWin() går ju också ``` Du kan som sagt behöva addera något mysigt tal till GET-värdena. :) Permalänk: https://www.webforum.nu/p/1745472 ## #7 — Melea, 2006-01-13T16:23Z > **Peter S skrev:** > > Beroende på hur du visar dina bilder kan det göras på några olika sätt. > > > ``` > // huvudfönstret med tumnaglarna > // php har väl några trevliga funktioner för att ta reda på bilders dimensioner? > > > function openWin(url){ > window.open(url, "imgPopup", "height=100,width=100"); > return false; > } > > // i image.php använder du sedan querystring-variablerna så här > // nb. att sätta GET-värdena direkt i openWin() går ju också > > > > ``` > > > Du kan som sagt behöva addera något mysigt tal till GET-värdena. :) Tack Peter! :) Jo, i php kan man skriva getimagesize() för att ta fram storleken och lite annat på bilden, så det fixar sig nog. En annan fråga, som jag lika gärna kan ställa här istället för att skapa en ny tråd. Danny tipsade mig [här](http://www.webforum.nu/attachment.php?attachmentid=9207) om hur det skulle kunna se ut på sidan. Saken är ju den att varje gång jag väljer en ny bild i vänsterkanten så laddas sidan om. Detta skulle jag kanske kunna lösa genom att lägga det i en frame eller dyl, men jag tycker inte det är en snygg lösning. :) Så, kan jag lösa det med javascript på något vis? Att varje gång jag markerar en bild i vänsterkanten så uppdateras bildens src="" värden automatiskt i mitten? Tack! Permalänk: https://www.webforum.nu/p/1745836 ## #8 — Peter S, 2006-01-13T16:27Z Ligger bilderna i vänsterkanten och mittenbilden i samma dokument? Då ```

function displayImg(u, n){ document.images[n].src = u; } ``` :) Permalänk: https://www.webforum.nu/p/1745839 ## #9 — Melea, 2006-01-13T18:04Z Vill inte riktigt funka, bilderna i mitten hämtas genom en php-fil för att skapa thumbnails. ``` ...

'; ... ?> ...