imagerotate() einbauen beim Bild hochladen. Wie?
Eingetragen von Peter2013 (170)am 02.09.2013 - 13:58 Uhr in
Hallo ihr,
würde gerne meinen Usern einen Knopf anbieten mit dem sie Bilder drehen können.
Dafür gibt es ja extra die Methode imagerotate() in PHP:
http://php.net/manual/de/function.imagerotate.php
Die Funktion möchte ich gerne dort haben wo die User zu einem Inhalt ein Bild hochladen können.
Darunter möchte ich nun gerne eine kleiner Knopf haben indem ich das Bild einfach drehe und dann das ganze auch in der Vorschaue angezeigt wird.
Kann ich das irgendwie in einem Hook machen? Habt ihr da einen guten Tipp?
Gruß
-Peter
- Anmelden oder Registrieren um Kommentare zu schreiben
Als Hinweis: Es gibt
am 02.09.2013 - 15:07 Uhr
Als Hinweis: Es gibt Bildstile (admin/config/media/image-styles)
Du koentest also 2 Bildstile anlegen.
Dein Bildfeld bekommt eine zusaetzliche Checkbox.
Hast du multiple Bildfelder kann man das Modul Field Collection verwenden um die zusaetzliche Checkbox mit jedem der multiplen Bilder zu verwenden.
Die Checkbox(en) kann man abfragen vor der Anzeige des Bildes im Inhalt und damit den zu verwendenden Bildstil zu ermitteln.
Eine weitere Moeglichkeit ist
am 02.09.2013 - 15:48 Uhr
Eine weitere Moeglichkeit ist CSS.
element.style {-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE */
-o-transform: rotate(180deg); /* Opera 10.50+ */
}
Browser die das supporten waeren zu klaeren.
Link dazu: http://snook.ca/archives/html_and_css/css-text-rotation
Beispiel einer CSS Rotation (siehe auch Attachement):
hey ihr, besten Dank für eure
am 03.09.2013 - 15:44 Uhr
hey ihr,
besten Dank für eure Antworten. Hab mir das gestern und heute mal angesehen.
bei der Lösung mit der Field_Collection müsste ich neue Field in den Collections anlegen. Dies wollte ich nicht so gerne tun. Damit scheint es zu gehen weil ich die Möglichkeit habe über die Imagestile die Rotation zu belegen.
Die 2. Lösung mit den CSS hab ich erlich gesagt angewandt auf mein Problem nicht verstanden. Da wäre ja dann nur Clientseitig aber nicht Serverseitig, also das Bild gedreht.
Gibt es keine Möglichkeit einen Hook zu nehmen indem dann mit imagerotate() das hochgeladenen Bild gedreht wird und ich dann einfach nur die Form aktualisiere?
Dank euch für eure Antworten?
Ja was denn nun?
am 03.09.2013 - 17:37 Uhr
bei der Lösung mit der Field_Collection müsste ich neue Field in den Collections anlegen. Dies wollte ich nicht so gerne tun.
Darunter möchte ich nun gerne eine kleiner Knopf haben indem ich das Bild einfach drehe und dann das ganze auch in der Vorschaue angezeigt wird.
Ja was denn nun?
Da wäre ja dann nur Clientseitig aber nicht Serverseitig, also das Bild gedreht.
Rein Clientseitig kann das gar nicht funktionieren!
Ueberlege doch einfach mal. Woher soll der Client wissen das er ein Bild rotieren soll? Antwort:
Vom Server.
Die Loesung mittels CSS ist braucht also am Bildfeld eine Klasse ueber die die Rotation definiert werden kann.
Um das vor der Ausgabe eines Bildes zu erkennen braucht man also ebenso einen kleinen Knopf je Bild. Den Zustand der kleinen Knoepfe fragt man vor der Ausgabe ab und fuegt gegebenenfalls die zusaetzliche Klasse ein damit der Client weiss welches Bild rotiert anzuzeigen ist.
Es gibt eine weitere
am 03.09.2013 - 17:53 Uhr
Es gibt eine weitere Möglichkeit.
Von der hättest Du etwas erfahren können mit dieser Googlesuche: drupal 7 upload rotated image
Und hier auch gleich ein Ergebnis dieser Suche: Rotate Drupal Images with Entity Image Style
es tut mir leid, aber ich
am 08.09.2013 - 11:06 Uhr
es tut mir leid, aber ich habe die Lösungen nicht anwenden können. So tief stecke ich dort nicht drinnen.
Das mit dem "Rotate Drupal Images with Entity Image Style" werde ich nun mal probieren.
Vielen Dank für eure Antworten.
Gruß
-Peter