Bugreport » Bilder drehen-Funktion in der Galerie des Forums

23.12.2020 21:26 (zuletzt bearbeitet: 23.12.2020 21:41)

Lila Pereszke
#1 Bilder drehen-Funktion in der Galerie des Forums

Hallo,

Zitate: https://www.hpm-support.de/t534387f11769159-Bilder-drehen-Funktion-in-der-Galerie-des-Forums.html#msg7322662

Wir haben leider dasselbe Problem! Stehende Bilder werden immer falsch - liegend - angezeigt:
http://www.botanikaiforum.com/g24250p51117-Atriplex-micrantha.html

Aber wenn man an "Vollbild-Ansicht" klickt, dann "stehen die Bilder wieder auf" !

Gibt es dafür eine Lösung? Ich (als Admin) habe schon eine Menge Beschwerden von Foren-Usern bekommen, und ich konnte leider nichts Nützliches antworten. Bitte um Hilfe!

Danke:
LP
http://www.botanikaiforum.com/

Antworten

Beitrag melden

#2

24.12.2020 19:00

Wolfgang
#2 RE: Bilder drehen-Funktion in der Galerie des Forums

Wolfgang

Hallo,
habe mal probeweise das Bild eingetragen!
Ist bei mir dann auch so!
Schon interessant, dass die Forensoftware das Hochformat nicht erkennt!

Lösung:
Wie ich gesehen habe hast Du das Gaia-Template....
Habe da eine schnelle Lösung für Dich.
Das Gaia ist leider nicht so gut mit "id's" und "classes" ausgestattet, wie das Business!
Aber hier eine machbare Lösung für ein Bild-Dreh-Button.
Wird in die Kopf- oder Fußzeile (Admin > Layout > Kopf- & Fußzeile) eingetragen:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script>
$(function(){
 
$('td span #addintegrations_img').before('<span class="buttonRot" style="padding-right: 20px;"><img src="https://files.homepagemodules.de/b2001010/a_231.png" style="border: none; vertical-align: middle; margin-right: 3px;"> Drehen</span>');
$('#PicMainCont, #PicMainCont #back, #PicMainCont #next').css('margin','5px 0 20px 0');
$('.buttonRot').toggle(function(){
$('#PicMainCont').css({'margin':'130px 0','-webkit-transform': 'rotate(-90deg)', '-moz-transform': 'rotate(-90deg)', '-ms-transform': 'rotate(-90deg)', 'transform': 'rotate(-90deg)'});
}, function(){
$('#PicMainCont').css({'margin':'5px 0 20px 0','-webkit-transform': 'rotate(360deg)', '-moz-transform': 'rotate(360deg)', '-ms-transform': 'rotate(360deg)', 'transform': 'rotate(360deg)'});
}).css('text-decoration','none');
 
});
</script>
 

Bis dann
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Antworten

Beitrag melden

#3

25.12.2020 09:44 (zuletzt bearbeitet: 25.12.2020 09:46)

Wolfgang
#3 RE: Bilder drehen-Funktion in der Galerie des Forums

Wolfgang

Hallo Lila,
in Beitrag #2 haben sich Fehler eingeschlichen.

Hier die korrigierte Version (fürs Gaia-Template):

Das Skript kann auch in die Kopf- oder Fußzeile unter "Admin > Layout > Kopf- & Fußzeile" eingetragen werden!
In Zeile 4 wird Platz zum unteren Fenster-Rand geschaffen, damit die "Zugriffe" nicht vom Bild verdeckt werden!
In Zeile 5 wird der Button erzeugt. Am Ende der Zeile, kann "Drehen" in Deine Landessprache geändert werden (Wende)!
In Zeile 7 wird das Bild um 90 Grad nach links gedreht.
Auch der Abstand zum oberen und unteren Rand wird hier eingestellt.
Evtl. muss "margin" angepasst werden.
In Zeile 9 wird das Bild wieder zurückgedreht!

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script>
$(function(){
 
$('#PicMainCont').css('margin','5px 0 20px 0');
$('#PhotoContainer td:first').before('<span class="buttonRot"><a href="#" onmouseover="this.style.textDecoration=\'underline\';" onmouseout="this.style.textDecoration=\'none\';" style="text-decoration: none;"><img src="https://files.homepagemodules.de/b2001010/a_231.png" style="border: none; vertical-align: middle; margin-right: 3px;"><small>Drehen</small></a></span>');
$('.buttonRot').toggle(function(){
$('#PicMainCont').css({'margin':'140px 0','-webkit-transform': 'rotate(-90deg)', '-moz-transform': 'rotate(-90deg)', '-ms-transform': 'rotate(-90deg)', 'transform': 'rotate(-90deg)'});
}, function(){
$('#PicMainCont,#loaderimg').css({'margin':'5px 0 20px 0','-webkit-transform': 'rotate(0deg)', '-moz-transform': 'rotate(0deg)', '-ms-transform': 'rotate(0deg)', 'transform': 'rotate(0deg)'});
});
 
});
</script>
 

Auch hier, für alle Templates: Bilder drehen in der Bildergalerie

Bis dann
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

Antworten

Beitrag melden

#4

25.12.2020 11:36

Ingmar
#4 RE: Bilder drehen-Funktion in der Galerie des Forums

Ingmar

Wenn du unter Admin→Forum→Einstellungen die Option "angehängte Dateien automatisch drehen" auswählst, werden Bilder anhand der gespeicherten EXIF-Daten gedreht.

In diesem Fall ist für das Bild eingestellt worden, dass es "270 clockwise" gedreht werden soll.

Der "Fehler" liegt also nicht in der Software, sondern in den Bilddaten.

Kann man zum Beispiel hier testen: http://exif.regex.info/exif.cgi