[TYPO3-german] Bildwechsel durch mouseover

Discussion:

Mauß Thomas

2007-11-22 13:14:32 UTC

Hallo Leute!

Habe inzwischen ein paar Seiten mit Typo3 gemacht und gefallen dran
gefunden.
Jetzt habe ich die Anforderung, dass eine Anzahl von Bildern auf
Unterseiten verlinken sollen (was sogar ich auf verschiedensten wegen
realisieren kann ;-) ) - aber die Bilder sollen zus?tzlich per
mouseover in einem anderen div etwas einblenden.
Macht man sowas von Hand mit Javascript, oder gibt es eine Extension,
mit der man sowas einfach steuern kann?
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.

Schon mal danke f?r eure Tips
Tom

Christian Wolff

2007-11-22 17:35:07 UTC

Permalink

On Thu, 22 Nov 2007 14:14:32 +0100, Mau? Thomas

Post by MauÃ Thomas
Hallo Leute!
Habe inzwischen ein paar Seiten mit Typo3 gemacht und gefallen dran
gefunden.
Jetzt habe ich die Anforderung, dass eine Anzahl von Bildern auf
Unterseiten verlinken sollen (was sogar ich auf verschiedensten wegen
realisieren kann ;-) ) - aber die Bilder sollen zus?tzlich per mouseover
in einem anderen div etwas einblenden.
Macht man sowas von Hand mit Javascript, oder gibt es eine Extension,
mit der man sowas einfach steuern kann?
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere, dass
dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.
Schon mal danke f?r eure Tips
Tom

Hallo Tom ich w?rde es ?ber ein men? machen, das das die bilder aus dem
media record
der jeweiligen seite holt. (ist im seiten typ "Erweitert" sichtbar).

z.B das erste bild immer f?r die kleine darstellung und das zweite dann
f?r den grossen
div.

das men? zu samt dem austausch javascript ist sicherlich etwas gefummel.
denke aber das ergebnis k?nnte sich am ende lohnen. da es dann wirklich
der redakteur problemlos
pflegen kann.

gruss chris

--
Christian Wolff // Berlin
http://www.connye.com

Latest Projects:
http://www.flycall.de | http://www.atr24.de | http://www.titanic.de

JoH

2007-11-22 17:57:35 UTC

Permalink

Post by Christian Wolff

Post by MauÃ Thomas
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.

Wenn die Bilder identisch sind, also Thumbnail + Zoom, empfiehlt es sich,
nur die gro?e Version hochzuladen und den Rest von TYPO3 erledigen zu lassen
anstatt zwei Versionen hochzuladen.

Im Prinzip sollte es reichen eine JavaScript Funktion in den <head> Bereich
zu packen, die per Variable angesteuert werden kann, um den Bildwechsel zu
machen.
Dazu ein DIV-Container mit dummy-image und entsprechender ID, damit JS den
erkennen kann.

Danach baust Du das oben erw?hnte Men? und packst dort per stdWrap ein
onmouseover mit rein, das per IMG_RESOURCE immer den passenden Dateinamen an
das JS liefert.

HTH

Joey

Mauß Thomas

2007-11-23 11:04:13 UTC

Permalink

Post by JoH

Post by Christian Wolff

Post by MauÃ Thomas
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.

Wenn die Bilder identisch sind, also Thumbnail + Zoom, empfiehlt es sich,
nur die gro?e Version hochzuladen und den Rest von TYPO3 erledigen zu lassen
anstatt zwei Versionen hochzuladen.

Das geht leider nicht, da das kleine Bild immer unterschiedliche
Ausschnitte des gro?en enth?lt.

Post by JoH
Im Prinzip sollte es reichen eine JavaScript Funktion in den <head> Bereich
zu packen, die per Variable angesteuert werden kann, um den
Bildwechsel zu
machen.
Dazu ein DIV-Container mit dummy-image und entsprechender ID, damit JS den
erkennen kann.
Danach baust Du das oben erw?hnte Men? und packst dort per stdWrap ein
onmouseover mit rein, das per IMG_RESOURCE immer den passenden
Dateinamen an
das JS liefert.
HTH
Joey

cool_coders

2007-11-23 11:50:32 UTC

Permalink

hi
solltest du nicht zu rande kommen k?nnte ich dir meine eigene ext zur
verf?gung stellen.
die hovert eigentlich bild/text
d.h. man hat 2 CO 1x text und 1x bild
dort kann man das hover element per typo element browser angeben und
einen link vergeben
im FE bedeutet das dann das wenn man den text hovert das bild auch
gehovert wird und umgekehrt.
man kann die ext soweit anpassen das anstatt einem normalen hover eine
vergr??erung etc passiert.
ich m??te die ext aber erst noch etwas bereinigen damit ich sie dir
geben kann.
zu sehen ist das ganze unter http://www.chemo.cz/index.php?id=40
gru? niels

Post by MauÃ Thomas

Post by JoH

Post by Christian Wolff

Post by MauÃ Thomas
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.

Wenn die Bilder identisch sind, also Thumbnail + Zoom, empfiehlt es sich,
nur die gro?e Version hochzuladen und den Rest von TYPO3 erledigen zu lassen
anstatt zwei Versionen hochzuladen.

Das geht leider nicht, da das kleine Bild immer unterschiedliche
Ausschnitte des gro?en enth?lt.

Danke f?r eure Tips! Werde mich da Montag gleich mal ran machen (bin
jetzt 2 Tage unterwegs).
Das mit dem mediarecord ist mir glatt entfallen, hatte ich auf ner
anderen Seite ja schonmal benutzt.
Dein Weg Joey klingt nach dem was ich brauche. Bin mal gespannt was
ich davon hinbekomme. Da werd ich dann Montag meine Spa? haben.
_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german

Mauß Thomas

2007-11-23 20:53:56 UTC

Permalink

Hi Niels!

Danke f?r das Angebot!
Wenn es nicht unn?tig Arbeit f?r Dich bedeutet w?re mir im Moment die
schnellste auch die liebste L?sung.
Bei der anderen Seite, wo ich was ?hnliches machen mu?te hab ich das
mit nem GMENU-LAYERS gemacht, ist hier aber eher bl?d einzubauen.

Gru? Tom

Post by cool_coders
hi
solltest du nicht zu rande kommen k?nnte ich dir meine eigene ext zur
verf?gung stellen.
die hovert eigentlich bild/text
d.h. man hat 2 CO 1x text und 1x bild
dort kann man das hover element per typo element browser angeben und
einen link vergeben
im FE bedeutet das dann das wenn man den text hovert das bild auch
gehovert wird und umgekehrt.
man kann die ext soweit anpassen das anstatt einem normalen hover eine
vergr??erung etc passiert.
ich m??te die ext aber erst noch etwas bereinigen damit ich sie dir
geben kann.
zu sehen ist das ganze unter http://www.chemo.cz/index.php?id=40
gru? niels

Mauß Thomas

2007-11-27 13:50:11 UTC

Permalink

So, hatte mir vorgenommen das mit nem Layermen? zu l?sen, aber da wir
eine zentrierte Div-Vorlage benutzen ist das wohl zum scheitern
verurteilt...

Gibt es denn nirgendwo eine L?sung wo die zweite Ebene in nen Marker
geschrieben wird? Bin noch zu unfit in php um das selber zu stricken,
aber das m??te doch gehen, oder?
Oder einfach eine Extension, wo durch ein ?berfahren mit der Maus ein
Marker gef?llt wird.

Die L?sungen mit dem Bild als Layer-Hintergrund, oder mit ner
h?ndischen Javascript Konstruktion gefallen mir halt nicht, da es
schon sch?n w?re, wenn ein Redakteur einfach im BE die Bilder wechseln
k?nnte.

Jemand noch ne gute Idee?
Ansonsten w?rde ich es mal mit Niels L?sung versuchen (falls er sie
fertig hat ;-) )

Gru? Tom

Post by MauÃ Thomas
Hallo Leute!
Habe inzwischen ein paar Seiten mit Typo3 gemacht und gefallen dran
gefunden.
Jetzt habe ich die Anforderung, dass eine Anzahl von Bildern auf
Unterseiten verlinken sollen (was sogar ich auf verschiedensten wegen
realisieren kann ;-) ) - aber die Bilder sollen zus?tzlich per
mouseover in einem anderen div etwas einblenden.
Macht man sowas von Hand mit Javascript, oder gibt es eine Extension,
mit der man sowas einfach steuern kann?
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.
Schon mal danke f?r eure Tips
Tom
_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german

cool_coders

2007-11-28 08:52:45 UTC

Permalink

hi
ich meld mich bei dir per mail
hab sie fast fertig
gru? niels

Post by MauÃ Thomas
So, hatte mir vorgenommen das mit nem Layermen? zu l?sen, aber da wir
eine zentrierte Div-Vorlage benutzen ist das wohl zum scheitern
verurteilt...
Gibt es denn nirgendwo eine L?sung wo die zweite Ebene in nen Marker
geschrieben wird? Bin noch zu unfit in php um das selber zu stricken,
aber das m??te doch gehen, oder?
Oder einfach eine Extension, wo durch ein ?berfahren mit der Maus ein
Marker gef?llt wird.
Die L?sungen mit dem Bild als Layer-Hintergrund, oder mit ner
h?ndischen Javascript Konstruktion gefallen mir halt nicht, da es
schon sch?n w?re, wenn ein Redakteur einfach im BE die Bilder wechseln
k?nnte.
Jemand noch ne gute Idee?
Ansonsten w?rde ich es mal mit Niels L?sung versuchen (falls er sie
fertig hat ;-) )
Gru? Tom

Post by MauÃ Thomas
Hallo Leute!
Habe inzwischen ein paar Seiten mit Typo3 gemacht und gefallen dran
gefunden.
Jetzt habe ich die Anforderung, dass eine Anzahl von Bildern auf
Unterseiten verlinken sollen (was sogar ich auf verschiedensten wegen
realisieren kann ;-) ) - aber die Bilder sollen zus?tzlich per
mouseover in einem anderen div etwas einblenden.
Macht man sowas von Hand mit Javascript, oder gibt es eine Extension,
mit der man sowas einfach steuern kann?
Sprich Bild erh?lt ein Zusatzfeld, in das ich 2.Bild reinspeichere,
dass dann beim mouseover ?ber Marker XXX in div "xy" angezeigt wird.
Schon mal danke f?r eure Tips
Tom
_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german

Lesen Sie weiter auf narkive:

Suchergebnisse für '[TYPO3-german] Bildwechsel durch mouseover' (Fragen und Antworten)

Antworten

dreamweaver - Diashow auf Produktseite?

gestartet 2007-12-04 14:04:17 UTC

programmierung & design