News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 8
Seite [1]
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Thema - 14.11.2008 um 09:01 Uhr
Tag Community

Ich suche derzeit eine einfache möglichkeit, Bilder über ein Online Script hochladen zu können und anschliessend den Bildausschnitt bestimmen zu können.

Wer Flickr oder Gravatar nutzt kennt diese Art von Bilderskalierung vielleicht schon. Mit einfachem ziehen kann ein Viereck auf einem Foto platziert werden. Dieses kann vergrössert und verkleinert werden. Gleich neben dran hat man immer die Vorschau des Bilder/Avatars, wie es in der vorgegebenen Grösse mit dem aktuell gewählten Bildausschnitt aussieht.

Vielleicht kennt es jemand zufällig und weiss, wie man so etwas erstellt.
Für Antworten bin ich dankbar.



------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 1 - 14.11.2008 um 12:56 Uhr
für die großen java-script-bibliotheken (mootools, jquery, scriptacoulus, die anderen kenn ich nicht) gib es plugins um ein rechteck(div) über einem bild zu verschieben und zu skalieren und die aktuellen größe- und positionswerte ausgeben zu lassen.

das könnte man erweitern um die werte in versteckte formular-felder schreiben zu lassen.
dann anhand dieser werte in php das hochgeladene bild neu skalieren.


------------------
www.laszlokorte.de

Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 2 - 14.11.2008 um 14:09 Uhr
ist leicht selbst zu machen.
mit javascript das onclick event abfangen, dann nen durchsichtigen div erstellen und das onmousemove event auf ne funktion setzen das den div immer gleich mitzieht. bei onmouseup dann die werte in ein verstecktes formularfeld speichern fertig.


Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 3 - 14.11.2008 um 18:45 Uhr
Ihr sagt das so ein konkretes Beispiel mit Sources wäre noch cool ^^


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 4 - 14.11.2008 um 20:49 Uhr
ich bin viel zu gutmütig

http://micha.griesm.de/beweglicher_div/

da fehlt nurnoch die untere und rechte grenze des bildes


Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 5 - 14.11.2008 um 23:19 Uhr
Ja das ist schon mal nicht schlecht. Was mir fehlt ist die live berechnung Also das wenn ich oben den Bildausschnit ziehe, dass er mir pixel für pixel unten im Formfeld schon erneuert...


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 6 - 15.11.2008 um 02:21 Uhr
nicht schlecht für 60 zeilen js? für unser gesamtes ajax hab ich 100 zeilen verwendet..

guck nochmal rein, grenzen und liveberechnung sind drin, mehr mach ich nicht


Inaktiv
|
Nachtmeister
Thread-Ersteller


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 7 - 15.11.2008 um 12:47 Uhr
Wow, das ist hammer xD jetzt müsste man den jeweiligen bildabschnitt auch noch abspeichern können... aber das übergeb ich wohl mal meinem kollegen weiter.

Danke für den Einsatz


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
# Antwort: 8 - 15.11.2008 um 16:13 Uhr
naja,

ab jez ist einfach. ~40 zeilen php mit GD LIB.


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"


Inaktiv
|
Antworten: 8
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo