--- title: "Markera bild m lager samt förminska lagret." type: "forum-thread" url: "https://www.webforum.nu/amne/javascript/62884-markera-bild-m-lager-samt-förminska-lagret" topic: "JavaScript" topic_url: "https://www.webforum.nu/amne/javascript" author: "solbulle" published: "2002-12-22T13:44:54.000Z" updated: "2003-01-01T23:17:20.000Z" replies: 9 views: 328 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/62884-markera-bild-m-lager-samt-förminska-lagret" --- # Markera bild m lager samt förminska lagret. ## #1 — solbulle, 2002-12-22T13:44Z Jag försöker mig på att skapa en sida där man kan ladda upp en bild samt sen beskära den mm. Det jag tänkte att ni skulle fixa åt mig :e är just funktionen med beskärningen, eller rättare sagt markeringen av det område man vill ha ut. jag tänkte att det skulle fungera som så att man har en bild på sidan samt tar ett genomskinligt lager och på så sätt markerar det område man vill ha ut. Skulle väldigt gärna även vilja att om man typ kunde förminska det övre lagret genom att dra i nedre högra hörnet.. proportionelt. Jag hittade ett script som Jojoxx samt doggelito skruvat på och har tagit mig friheten att utgå från det. Mina problem: \[RED: Fixat\] Jag kan nu inte ens sätta in min bild på sidan, om jag gör det kan jag inte dra mitt lager på andra ställen än där det just är text i lagret. Hur lösa det? \[/RED: Fixat\] Hur kan jag förminska lagret proportionellt genom att dra i högra nedre hörnet? (Eller motsvarande) Har jag med mig kod som är överflödig? Nuvarande kod: ``` Untitled
Move me!
X Y
Bredd Höjd
``` Åsså har jag en länk till sidan: Utan bild: Med bild: Permalänk: https://www.webforum.nu/p/62884 ## #2 — solbulle, 2002-12-22T16:41Z Attans, har alla tagit julledigt? Löste dragandet av lagret genom att sätta in en transparent bild. -Verkar fungera. (Kanske ska ha en halvt genomskinlig... jaja, det är överkurs i nuläget.) Permalänk: https://www.webforum.nu/p/893238 ## #3 — Johnsen, 2002-12-23T14:19Z Kolla på detta lilla exempel för beskärningen: ``` Drag i bilden precis nedanför det nedre högra hörnet...
``` Permalänk: https://www.webforum.nu/p/893498 ## #4 — solbulle, 2002-12-23T15:04Z Kaxigt! Ska se om jag kan klura ut hur det fungerar och implentera det "hos mig". Tack. Permalänk: https://www.webforum.nu/p/893516 ## #5 — solbulle, 2002-12-23T19:39Z Innan jag såg din variant har jag slagit mig in på en annan variant baserad på att "clippa" ett lager. Styrningen av detta har jag nu löst med länkar, inte alls så kul som ditt förslag. Är det nu någon som kanske kan ge mig någon hjäl på vägen att implentera scriptet ovanfär i min kod alt. kanske har ideer om hur hela min kod bör föändras. Tycker onekligen att koden bara växer o växer kanske mycket i onödan? (Iofs kommer flera av formulärsfälten med dess uträkningar vara överflödiga i slutändan.) Nuvarande kod: ``` -Höger
``` Länk till testsida: Permalänk: https://www.webforum.nu/p/893646 ## #6 — solbulle, 2002-12-23T19:41Z .js-filerna finns här: Det är väl de som ställer till det när jag försöker kombinera alltihop. Permalänk: https://www.webforum.nu/p/893650 ## #7 — solbulle, 2002-12-23T20:41Z Å annars har vi en hopkock av Johnsens samt Jojoxx script, men det är något som krockar i dom!?! ``` Untitled
``` Permalänk: https://www.webforum.nu/p/893682 ## #8 — solbulle, 2003-01-01T16:00Z Nej ni gubbar. Jag får inte till det. Denna kod jag har är ju helt ok med JoHnsens script att kunna förstora/förminska lagret. Men mitt önskemål är då alltså att man även skall kunna förflytta det översta lagret över det undre. (Eg. ej utanför.) Samt att eg. skall det översta lagret endast kunna förstoras/förminskas proportionellt (mao alltid en kvadrat.) Någon med ideer? ``` Drag i bilden precis nedanför det nedre högra hörnet...
``` Länk: Permalänk: https://www.webforum.nu/p/900541 ## #9 — Peter S, 2003-01-01T23:04Z > Någon med ideer? Självklart! ``` . . . if(xlock==1){ [B]if((x - parseInt(element.style.left)) < 808 && (y-parseInt(element.style.top)) < 650){ element.style.width = x - parseInt(element.style.left) element.style.height = y - parseInt(element.style.top) }[/B] } . . . ``` :) Permalänk: https://www.webforum.nu/p/900769 ## #10 — solbulle, 2003-01-01T23:17Z Peter S: Kalas! Ett steg i rätt riktning. :) Permalänk: https://www.webforum.nu/p/900778 --- Tråden på webben: https://www.webforum.nu/amne/javascript/62884-markera-bild-m-lager-samt-förminska-lagret