nicht angemeldet
Hallo SELFHTML-Forumleser,
Ich habe mir ein script gebastelt, welches hochgeladene Fotos auf die Größe von 240x320 bringen soll. Dabei wird das Foto auf eien Höhe von 320 Pixel gebracht um anschließend dem Benutzer eine waagerechte Auswahl mit der Maus zu geben, welche dann übergeben wird, um den letzten Ausschnitt zu wählen.
Derzeit ist es so, dass man mit einem Div-container eine Auswahl machen kann, allerdings laden die User oft Bilder mit einem schwarzen Rand an der Seite hoch...sieht nicht schön aus.
Ich würde gerne Grenzen an den Seiten des Bildes festlegen.
Hier zunächst der Javascript-Code:
function selectmouse(e)
{
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";
while (fobj.tagName != topelement && fobj.className != "dragme")
{
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.className=="dragme")
{
verschieben = true;
dobj = fobj;
tx = parseInt(dobj.style.left+0);
x = nn6 ? e.clientX : event.clientX;
document.onmousemove=movemouse;
return false;
}
}
Ich könnte jetzt zwar die waagerecht Bewegung eingrenzen:
---------------------------------------------------------
if(x>LINKEGRENZE AND x<RECHTEGRENZE) x = nn6 ? e.clientX : event.clientX;
---------------------------------------------------------
Das Problem ist, dass wenn man dann den Div-container an die Grenze schiebt, man ihn garnicht mehr bewegen kann. :(
Hat jemand einen Vorschlag für mich, wie ich das am besten lösen kann?