---

Hej

Jeg har en webside (php) med et billede på.

Jeg kunne godt tænke mig at med musen sætte 2 prikker på det
pågældende jpeg billede (Angiver diagonalen). Eller aller helst ville
jeg helst kunne trække en firkant som man gør på de gule siders kort
udsnit.

Det er faktisk samme funktion som jeg gerne vil opnå.

Jeg har nemlig et stort billede 5 Mpixels, som via php er skaleret ned
til 600*400

På det lille billede ville jeg gerne kunne tage et udsnit, som så via
det store billede bliver til et nyt billede i 600 * 400. (Altså i zoom
funktion)


Hvordan får jeg aflæst pixel koordinatorne på billedet via musen via
browseren.

Hjælp ønskes - hvor og hvad skal jeg læse.
Jeg er med på at hvordan jeg laver udsnit af et billede via php.

--
Morten Graae
Download billedegalleri via http://morten.graae.person.emu.dk
se demo på http://morten.graae.person.emu.dk/billeder

---

Morten Graae wrote:

> Hvordan får jeg aflæst pixel koordinatorne på billedet via musen via
> browseren.

Hvis du laver hele billedet som et imagemap kan du aflæse musens
korridinater som x og y punkter.

Derefter kan du tage 600 x 800 punkter fra det sted i billedet og lave
et nye billede af det store derud af.

Det giver dog ikke en firkant, hvor du selv kan bestemme zoom-forholdet,
men det kunne så kodes ved siden af med en brugervariabel, der angiver zoom.

--
Benny Nissen

---

Hej

Du inspirerede mig til at få beskrevet et script jeg lavede for nogen
tid siden. Det er kombineret javascript og php og virker måske som du
ønsker.

Tag et kig på

http://chrsen.dk/da/scripter/php/zoomimage/

Mvh Christian

Morten Graae wrote:
> Hej
>
> Jeg har en webside (php) med et billede på.
>
> Jeg kunne godt tænke mig at med musen sætte 2 prikker på det
> pågældende jpeg billede (Angiver diagonalen). Eller aller helst ville
> jeg helst kunne trække en firkant som man gør på de gule siders kort
> udsnit.
>
> Det er faktisk samme funktion som jeg gerne vil opnå.
>
> Jeg har nemlig et stort billede 5 Mpixels, som via php er skaleret ned
> til 600*400
>
> På det lille billede ville jeg gerne kunne tage et udsnit, som så via
> det store billede bliver til et nyt billede i 600 * 400. (Altså i zoom
> funktion)
>
>
> Hvordan får jeg aflæst pixel koordinatorne på billedet via musen via
> browseren.
>
> Hjælp ønskes - hvor og hvad skal jeg læse.
> Jeg er med på at hvordan jeg laver udsnit af et billede via php.
>
> --
> Morten Graae
> Download billedegalleri via http://morten.graae.person.emu.dk
> se demo på http://morten.graae.person.emu.dk/billeder
>

---

On Tue, 12 Jul 2005 23:54:14 +0200, Christian Hansen
<chrsen@fundanemt.com> wrote:

>Hej
>
>Du inspirerede mig til at få beskrevet et script jeg lavede for nogen
>tid siden. Det er kombineret javascript og php og virker måske som du
>ønsker.
>
>Tag et kig på
>
>http://chrsen.dk/da/scripter/php/zoomimage/

Dit script er fedt da det virker i flere forskellige browsere.
Dog kunne godt godt tænke mig blot at få det til at virke som på
http://morten.graae.person.emu.dk/billeder/makepic.php?imagefile=steen/IM007046.JPG&nr=1&mappe=steen&ba=26

hvor koordinatorne til de 2 diagonal hjørnefremkommer. - Kunne jeg
logge dig til at ændre i dit script så jeg kunne få det - Eller give
mig et hint til hvordan jeg selv ændre i det.

Det javascript jeg har nu bliver kaldt via
<div id="image" style="background-image:url(steen/_zoom/zoom.jpg);
position:relative; width:450px; height:305px; background-color:blue;"
onmousedown="_dInit();" onmousemove="_dMarquee();"
onmouseup="_dSelect();">
<div id="marquee" style="display:none;border:dotted 1px
white;position:absolute;"><img src="" border=0 width=1 height=1
alt=""></div>
</div>

kunne dit script blive kaldt på samme måde - eller måske endnu
nemmere.

Jeg vil nemlig selv gerne have fuld kontrol over mit phpscript - samt
jeg vil jo gerne lære en del samtidig. Men javascript har jeg _ikke_
forstand på.

Og det ville være rart hvis mit script kunne bruges på flere browsere
end IE.

På forhånd tak.

---

On Tue, 12 Jul 2005 23:54:14 +0200, Christian Hansen
<chrsen@fundanemt.com> wrote:

>Hej
>
>Du inspirerede mig til at få beskrevet et script jeg lavede for nogen
>tid siden. Det er kombineret javascript og php og virker måske som du
>ønsker.
>
>Tag et kig på
>
>http://chrsen.dk/da/scripter/php/zoomimage/

Dit script er fedt da det virker i flere forskellige browsere.
Dog kunne godt godt tænke mig blot at få det til at virke som på
http://morten.graae.person.emu.dk/billeder/makepic.php?imagefile=steen/IM007046.JPG&nr=1&mappe=steen&ba=26

hvor koordinatorne til de 2 diagonal hjørnefremkommer. - Kunne jeg
logge dig til at ændre i dit script så jeg kunne få det - Eller give
mig et hint til hvordan jeg selv ændre i det.

Det javascript jeg har nu bliver kaldt via
<div id="image" style="background-image:url(steen/_zoom/zoom.jpg);
position:relative; width:450px; height:305px; background-color:blue;"
onmousedown="_dInit();" onmousemove="_dMarquee();"
onmouseup="_dSelect();">
<div id="marquee" style="display:none;border:dotted 1px
white;position:absolute;"><img src="" border=0 width=1 height=1
alt=""></div>
</div>

kunne dit script blive kaldt på samme måde - eller måske endnu
nemmere.

Jeg vil nemlig selv gerne have fuld kontrol over mit phpscript - samt
jeg vil jo gerne lære en del samtidig. Men javascript har jeg _ikke_
forstand på.

Og det ville være rart hvis mit script kunne bruges på flere browsere
end IE.

På forhånd tak.

---

Jeg har selv løst det. Tak for hjælpen.

---

Morten Graae wrote:
> Jeg har selv løst det. Tak for hjælpen.
>
>

Fino - jeg er ikke alt for hurtig i den kvælende varme. jeg kan se, at
du har brugt scriptet fra frederikshavn.as - det er helt ok - da det jo
netop skriver til formfelter :)

Jeg tror jeg vil inkluderer muligheden for brug af formfelter igen på
det, som jeg har på chrsen.dk.

Mvh Christian

---

Morten Graae wrote:
> Jeg har selv løst det. Tak for hjælpen.
>
>

Bemærk i øvrigt at linjen


<div ondblclick="document.forms['kort'].submit();" onKeyPress="if
(event.keyCode == 13) { document.forms['kort'].submit(); }"
id="selectedArea" style="filter: alpha(opacity=30);background-color:
#000099;position:absolute;top:0px;left:0px;width:0px;height:0px;border:solid;border-color:#00000;border-width:1px;z-index:4;font-size:1px;display:none;"
onmouseup="clearBox();">

kan udskrives via php også - hvor du så tjekker browser og sender
korrekt style:
<?php
if(!ereg("MSIE",$_SERVER["HTTP_USER_AGENT"]))
print "
<div ondblclick=\"zoomImage();\" onKeyPress=\"if
(event.keyCode == 13) { zoomImage(); }\" id=\"selectedArea\"
style=\"-moz-opacity: .3;background-color:
#000099;position:absolute;top:0px;left:0px;width:0px;height:0px;border:solid;border-color:#00000;border-width:1px;z-index:4;font-size:1px;display:none;\"
onmouseup=\"clearBox();\"></div>
";
else
print "
<div ondblclick=\"zoomImage();\" onKeyPress=\"if
(event.keyCode == 13) { zoomImage(); }\" id=\"selectedArea\"
style=\"filter: alpha(opacity=30);background-color:
#000099;position:absolute;top:0px;left:0px;width:0px;height:0px;border:solid;border-color:#00000;border-width:1px;z-index:4;font-size:1px;display:none;\"
onmouseup=\"clearBox();\"></div>
";
?>

På den måde får du transparant box ved markering både i IE og Firefox.

Mvh Christian

---

>
>Mvh Christian

Det var lige det næste jeg skulle lave :)

Takker mange gange