Slideshow2 - inline css für thumbnails ändern

[tuxracer]

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.



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:

<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):

<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)

[tuxracer]

Habe ich selbst lösen können. Lösung werde ich nach Browsertests hier posten...

[ways2web]

das könnte interessant sein! weil: http://www.contao-forge.org/issues/1801

PS: ansonsten coin-slider kann das was du da machst auch so... ich hatte dafür aber auch noch meine slideshow2 angepasst ^^..