Hi Oliver,
vielen Dank für den umgehenden Bugfix ... das waren ja nur wenige Minuten zwischen Meldung und Fix! Toll. Die Lösung mit $GLOBALS['TL_CSS']['news_slideshow'] ist auch ideal: so sieht jeder die Slideshow schon mal "life und in Farbe" direkt nach der Installation und kann dennoch das CSS außerhalb von system/modules anpassen. Andere machen es auch so (habe bei pk_NoobSlide nachgesehen).
Deine Erweiterung ist echt gut und ich konnte damit genau das machen, was ich wollte. Siehe Bild in der Anlage. Die Anpassung war im Wesentlichen CSS Styling (noch nicht wirklich schön). 2 Kleinigkeiten habe ich im Template news_slideshow.tpl (updatesicher an einer Kopie im Template Ordner) angepasst, die eventuell von allgemeinem Interesse sind bzw. sogar von Hause aus mitgebracht werden könnten:
- Große Bilder verlinkt, damit man auch bei Klick auf das Bild zum Artikel kommt und nicht erst genau auf die H3 Überschrift zielen muss.
- Archivnamen in einen Span gepackt, damit man ihn anders formatieren kann
Die Änderung für den Span ist ja trivial; für den Link um das Bild zeige ich hier 2 Varianten. Beide sind in der ersten foreach Schleife anzubringen, die die List Items mit den Images ausgibt (im ul.news_slideshow_pictures).
Simpel, ohne Titel-Attribut:
PHP-Code:
<ul id="pictures<?php echo $this->id1; ?>" class="news_slideshow_pictures">
<?php foreach ($this->items as $item): ?>
- <li><img src="<?php echo $item['image_src']; ?>" alt="bild"></li>
+ <li>
+ <?php if ($item['link']): ?><a href="<?php echo $item['link']; ?>"><?php endif; ?>
+ <img src="<?php echo $item['image_src']; ?>" alt="bild">
+ <?php if ($item['link']): ?></a><?php endif; ?>
+ </li>
<?php endforeach; ?>
</ul>
Besser, mit Titel-Attribut generiert durch Contao (siehe Anhang):
PHP-Code:
<ul id="pictures<?php echo $this->id1; ?>" class="news_slideshow_pictures">
<?php foreach ($this->items as $item): ?>
- <li><img src="<?php echo $item['image_src']; ?>" alt="bild"></li>
+ <li>
+ <?php if ($item['link']) { echo preg_replace('/^(<[^>]+>).*/', '$1', $item['linkHeadline']); } ?>
+ <img src="<?php echo $item['image_src']; ?>" alt="bild">
+ <?php if ($item['link']): ?></a><?php endif; ?>
+ </li>
<?php endforeach; ?>
</ul>
Eine letzte kleine Template-Änderung für meine Zwecke war, auch die Unterüberschrift des News-Teasers als H4 mit auszugeben ... aber das ist dann wirklich nicht mehr unbedingt von allgemeinem Interesse. Wie immer, kann sich ja jeder mit <?php echo $this->showTemplateVars(); ?> mal anschauen, welche Variablen/Werte verfügbar sind und das Beste daraus machen.
Deine Erweiterung funktioniert dann auch 100% in allen guten XP-Browsern (Opera, FireFox 3, Safari, Chrome). In IE8 XP funktioniert praktisch auch alles ... nur das Überblenden/Fade der großen Bilder nicht. Stattdessen wird hart umgeschaltet. Nicht, dass mich das wirklich bekümmert, aber MooTools sollte das doch eigentlich hinbekommen, oder? Tests mit W7 und FireFox 4 bzw. diversen Mac-Browsern stehen noch aus.
Ein dickes, dickes Lob und Dankeschön für diese äußerst nützliche Erweiterung!!!
LG, Georg
Artikel anteasern, animiert mit Überblendung
Zitieren
Lesezeichen