Hallo an alle Experten hier im Forum,
würde gerne mein Perfect Lightbox Modul anpassen, und zwar so, dass immer gleich
große Ausschnitte der Foto angezeigt werden, bisher habe ich nur die Möglichkeit gefunden die Fotos auf eine Größe zu skalieren, was bei Fotos mit unterschiedlichen Formaten natürlich etwas merkwürdig ausieht.
Auf dieser Seite
http://www.sielmann-stiftung.de/de/umweltbildung/Gut-Herbigshagen/bildergalerie_herbigshagen.php
ist das realisiert, was ich meine.
Bin bisher leider nich dahinter gekommen, wie dieser Effekt eingestellt wird.
Vielleicht kann mir ja jemand helfen.
Vielen Dank.
Hey,
soweit ich weiß, gabs da mal nen Zusatzplugin/TS Code dazu, aber bin mir jetzt auch nicht so sicher.
Wie sieht denn deine HTML-Ausgabe aus von z.B. 3 Bilder der Galerie?
Weil dann kann man ja das auch über CSS einstellen.
Ab und zu schreib ich auch mal ein zusätzlichen Container in die Extension.
LG Steffi
Vielen Dank erstmal für die Antwort, bin absoluter Typo3 Anfänger, von CSS
habe ich mehr Ahnung wüsste allerdings nicht, wie ich diese Funktionalität
mit CSS erreichen könnte.
Eventuell kennt ja jemand das Zusatzplugin oder weiss welchen Typoscript-Code ich verändern bzw. einfügen muss.
Also der HTML-Code sieht so aus:
<div class="csc-textpic-imagerow" style="width:395px;">
<ul>
<li class="csc-textpic-image csc-textpic-firstcol" style="width:125px;"><a href="uploads/pics/schow_01.jpg" title="Gewerbeschau" rel="lightbox[lb176slideshow]"><img src="typo3temp/pics/f0dbcce4db.jpg" width="125" height="125" border="0" alt="" /></a></li>
<li class="csc-textpic-image" style="width:125px;"><a href="uploads/pics/show02.jpg" rel="lightbox[lb176slideshow]"><img src="typo3temp/pics/f5e807c090.jpg" width="125" height="125" border="0" alt="" /></a></li>
<li class="csc-textpic-image csc-textpic-lastcol" style="width:125px;"><a href="uploads/pics/show_03.jpg" rel="lightbox[lb176slideshow]"><img src="typo3temp/pics/cebdce2cfe.jpg" width="125" height="125" border="0" alt="" /></a></li>
</ul>
</div>
Wäre super, falls jemand eine Lösung für mein Problem kennt, komme leider absolut nicht weiter.
kann das sein, dass er jetzt die Bilder automatisch staucht, weil width und height gesetzt wird?
wenn du jetzt z.B. nur die höhe für die Bilder setzt? z.B. 150px...
und
div.csc-textpic-imagerow li.csc-textpic-image {
width:125px;
height:125px;
overflow:hidden;
}
Müsste es eigentlich immer quadratisch sein, oder was passiert?
LG Steffi
P.S. aber ich glaub das wird vielleicht sogar nicht gehen, wegen der style="width:125px;" die wird immer irgendwie eingesetzt und man kann die nur wegmachen, wenn man in der Extension rumfummelt. Musst ich auch schon machen.
Wenn ich diese Änderung in der main.css vornehme, passiert nichts auch
der !important Befehl bewirkt leider nichts.
div.csc-textpic img{
width:100px;
border:1px solid black;
}
Ich vermute das liegt an der cssstylecontent bzw. am CSS im typo3temp Ordner
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_c89b56edb5.css?1285776927" media="all">
<link rel="stylesheet" type="text/css" href="fileadmin/scherrer/css/main.css?1292160891" media="all">
der zuerst eingelesen wird, vielleicht bin ich aber auch auf dem Holzweg,
wo muss ich denn CSS Befehle eintragen die die Perfect Lightbox betreffen ?
Ich probiers nochmal, weil die Experimente mit CSS leider keinen Erfolg hatten,
auf dieser Seite
http://www.edle-reitponys.de/index.php?id=84
sind die Ausschnitte der Bilder immer gleich groß und auch nicht
merkwürdig skaliert, egal was die Fotos in der Originalansicht für Abmessungen haben.
Kennt einer ein Zusatzplugin oder ein Typoscript-Code, womit dieser Effekt erreicht werden kann?
Hallo zusammen,
ich weiß nicht, ob dieser Beitrag hier noch von Interesse ist, aber ich hatte genau das gleiche Anliegen.
Zuerst bin ich auf die Extension "tkcropthumbs" gestoßen. Mit dieser kann man exakte Bildausschnitte erstellen. Allerdings funktionierte nach der Installation meine PerfectLightbox nicht mehr.
Also habe ich weiter gesucht und diese Extension gefunden: nwt_imagecrop
Simpel aber effektiv. Hier werden die Bilder von der Mitte auf das gewünschte Format beschnitten.
Liebe Grüße
deXx