Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Extension für mouseover-image gesucht
#1
Habe Typo3 6.2.9 im Einsatz und soll bei 10 Images auf einer site jedes einzelne bei mouseover (hover) durch ein anderes ersetzen.
Habe dies bisher unter html mittels css wie folgt bewerkstelligt:
html:
Code:
<div class="img-mouseover"></div>
css:
Code:
.img-mouseover {width:200px; height:120px; background:url("img-Dimg.jpg") top right;}
.img-mouseover:hover {background:url("img-Dimg.jpg") bottom right;}

Hierbei enthält das img-Dimg.jpg beide Images übereinander und wird dementsprechend positioniert.

Jetzt soll ich dies im Typo3 so erstellen, dass der Backend-Redakteur dies selbstständig bearbeiten kann -> im Backend so wie z.B. bei einen Slider etc.
im Repository konnte ich hierfür leider keine Extension finden.

Kann mir jemand hierfür eine Extension oder Lösungsweg empfehlen?
Zitieren
#2
Schau dir mal die Extension DCE an, damit kannst du dir ein eigenes Inhaltselement erstellen. Wolfgang hat dazu sich ein Tutorial bei jweiland veröffentlicht.

Gruß René
Zitieren
#3
Hab mir die die Extension DCE angesehen - danke wieder an Wolfgang und seine hervorragenden Tutorials.

Konnte jedoch keine Lösung erarbeiten - gibt es bezüglich DCE und Image-Wechsel per mouseover nähere
Angaben - oder auch einen anderen Lösungsweg?

Gruß toko
Zitieren
#4
Der image-Wechsel muss ja wahrscheinlich per Javascript erfolgen, per CSS wirst du da nicht weit kommen, wenn ein Redakteur beliebige Bilder verwenden können soll.

Bastel dir also erst mal einen Prototyp ausserhalb von TYPO3 (also HTML, CSS und Javascript), der das tut, was du willst.

Dann versuche, diese Vorlage als DCE nachzubauen und füge das verwendete Javascript per page.includeJS ein, dann sollte das theoretisch klappen.
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste