Liste der Anhänge anzeigen (Anzahl: 1)
Slideshow2 - inline css für thumbnails ändern
Hallo zusammen,
ich möchte die Thumbnail Navigation der Slideshow2 ein wenig für meine Zwecke abändern und statt der kleinen Vorschaubilder ein einheitliches Thumbnail verwenden.
Anhang 5997
Als Mittel der Wahl möchte ich das per CSS lösen, da meine PHP und Javascript Kenntnisse recht begrenzt sind. Ich habe mir dazu die Templates und die im Plugin-Verzeichnis von Contao liegende CSS angeschaut und im Handbuch findet sich dann auch prima dokumentiert folgender HTML-Aufbau:
Code:
<div class="slideshow-thumbnails">
<ul>
<li><a class="slideshow-thumbnails-active"><img /></a></li>
<li><a class="slideshow-thumbnails-inactive"><img /></a></li>
<li><a class="slideshow-thumbnails-inactive"><img /></a></li>
...
</ul>
</div>
Damit könnte ich in CSS prima arbeiten, würde Firebug nicht auch noch einfügen von Inline CSS anzeigen, der ja auch zur Funktion der visuellen Effekte nötig ist (verkürzt dargestellt):
Code:
<a class="slideshow-thumbnails-hidden" style="background-color: rgb(255, 255, 255); visibility: visible; opacity: 0.5;">
<img src="system/html/1-97584f4d.jpg"></a>
Speziell möchte ich die Hintergrundfarbe raus haben und per CSS durch eine Hintergrundgrafik ersetzen (das im a tag liegende Image würde ich per visibility: hidden; "abschalten").
Frage: wo kann ich den inline style auskommentieren oder löschen?
(P.S. ja, das können andere Slideshow von Haus aus, die benötigen aber eine weitere Script-Bibliothek oder haben nicht so einen schönen Übergangseffekt)