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.
button-spite.png
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)
Lesezeichen