Zum Inhalt springen

Rollover bei GIFBUILDER-Image (ohne Menü)

Erstellt am 23. März 2005 · 5 Antworten · letzte Antwort am 11. April 2005

Tags: Bilder, Frage

MartinLeim ·

So, ich habe meine Extension durch 6 Knöpfe (mit GIFBUILDER erstellt) am Kopf der Seite erweitert, durch die ich meine Auswahl filtern kann.
Schön wär es noch, wenn ich für diese Bilder einen Rollover-Effekt implementieren könnte. Allerdings hab ich ja mangels Menü keinen RO-Zustand (ich hab ja gar keinen Zustand).

Welche Möglichkeiten hab ich, diesen Rollover zu verwirklichen?

  • Ich schreibe das notwendige Javascript selbst: Viel Arbeit und Lerneffekt gleich null, da keine T3-spezfischen Funktionen benutzt werden.

  • Ich benutze CSS, bei dem, wie ich gehört (leider nur gehört!!) habe, auch Rollover von Grafiken (nicht nur von Text!!) möglich sein soll. Aber da ich wie gesagt noch nirgendwo gesehen habe, wie das gehen soll, ist das z.Z. auch keine Option.

  • Ich benutze ein GMENU mit "userdefined" (oder wie das heißt) Menüitems. Ob damit das machbar ist, was ich will, weiß ich nicht, da ich solche Menüs noch nicht erstellt hab.

Sind das meine Möglichkeiten oder gibt es noch eine einfachere? Kann man einen Rollover-Effekt irgendwie in ein Wrapping integrieren?

Zur Info: Ich definiere im Typoscript, wie meine Images erzeugt werden sollen. das sieht so aus:

###################
# GIFBUILDER
##################
plugin.user_bbtest1_pi1.filterMenu.active.file = GIFBUILDER
plugin.user_bbtest1_pi1.filterMenu.active.file {
  XY = 80, 30
  backColor = green
  10 = TEXT
  10.fontFile = fileadmin/fonts/arial.ttf
  10.fontSize = 15
  10.fontColor = white
  10.offset = 0,22
  10.align = center
}

plugin.user_bbtest1_pi1.filterMenu.inactive.file = GIFBUILDER
plugin.user_bbtest1_pi1.filterMenu.inactive.file {
  XY = 80, 30
  backColor = blue
  10 = TEXT
  10.fontFile = fileadmin/fonts/arial.ttf
  10.fontSize = 15
  10.fontColor = white
  10.offset = 0,22
  10.align = center
}

Im PHP-Script lese ich diese Konfigurationseinstellungen ein und übergebe sie an $this->cObj->IMAGE(), welches mir dann das Bild erzeugt. Um das ganze wird dann per $this->pi_linkTP() ein Link gelegt.

Wäre schön, wenn mir da jemand helfen könnte. Sobald man anfängt, keine Newbie-Fragen mehr zu stellen, bekommt man automatisch weniger Antworten 🙁. Aber so ist das leider im Leben 😉

OwnerOfThisIsle ·

Ich hab es mal mit Variante 3 gemacht, ein Link mit Rollover zur Seite mit der ID = 30 sieht dann so aus:

temp.winter= HMENU
temp.winter.special = list
temp.winter.special.value = 30
temp.winter.1 = GMENU
temp.winter.1.NO {
  XY = 82, 22
  wrap = |
  5 = IMAGE
  5.file = fileadmin/templates/pics/b_winter.gif
}
temp.winter.1.RO = 1
temp.winter.1.RO {
  XY = 82, 22
  5 = IMAGE
  5.file = fileadmin/templates/pics/b_winter-over.gif
}

Vielleicht hilfts..

MartinLeim ·

Hm, ja, danke, hilft mir aber ehrlich gesagt weniger, da mein Menü auf keine eigenen Seiten leiten soll, sondern nur der aktuellen Seite einen zusätzliche GET-Parameter mitgibt.

Ich kuck mir zwar gerade userdefined und userfunc an, aber da ist auch nur von "page-records" die Rede o.O
Aber vielleicht klappts ja trotzdem damit.

MartinLeim ·

Ah, super, habs hingekriegt!

In der TSref befindet sich ein Beispiel, wie man userfunction benutzt. Damit habe ich mir ein Array erstellt, das die Menüeinträge zurückliefert, und das ganze Menü dann entsprechend formatiert.

Vielen Dank, OwnerOfThisIsle, dass du mich dazu gebracht hast, mich wieder mit der 3. Option zu beschäftigen 🙂

MartinLeim ·

Ich hab im Wesentlichen den Beispielcode aus der TSref genommen und auf meine eigenen Bedürfnisse angepasst.
Das Beispiel da drin ist eigentlich recht umfassend.