Mit JQuery einen Bildausschnitt wählen

Insbesondere auf neuen Webseite, mit vielen User ist ein Trend zum quadratischen Vorschaubild zu erkennen. Bilder, Videos und auch Bnutzer-Fotos werden quadratisch präsentiert. Das hat unter anderem den Vorteil, dass sich quadratische Elemente besser stapeln lassen.

Doch leider liefern die meisten Kameras keine quadratischen Bilder, sondern ein Rechteck. Dadurch ergibt sich ntürlich auch die Problematik, dass manche Bilder im Hoch- und manche im Querformat gemacht wurden.
Natürlich kann man nun die Bilder zusammendrücken. Das Ergebnis wirkt allerdings einfach nur unprofessionell. Man kann auch den mittleren Teil eines Bildes nehmen, und links und rechts (bzw. oben und unten) Teile des Bildes abschneiden.
Der sinnvollste Weg ist allerdings, einfach den User ein Auschnitt aus dem Bild wählen zu lassen. Um dies so einfach und benutzerfreundlich, wie nur möglich zu gestalten gibt es JCrop.

JCrop ist, wie der Name vermuten lässt, ein JQuery-Plugin. Bisher ist mir leider keine Webseite bekannt, die JCrop einsetzt. Wenn mir die Zeit bleibt, werde ich aber demnächst versuchen, JCrop in ein kommendes Cakephp-Projekt zu integrieren, und dann der Allgemeinheit bereit zu stellen.

Dieser Beitrag wurde unter jQuery, Webentwicklung abgelegt und mit , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>