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.

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:

<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 ^^..