TYPO3 Mailingliste: nicht fragen - lesen!
TYPO3 Mailingliste: nicht fragen - lesen!_RR_1-->
|
|||||||
![[TYPO3-german] Bildwechsel durch mouseover](http://www.typo3-jack.net/iconimages/typo3-german-lists-netfielders-de/typo3-german-bildwechsel-mouseover_ltr.gif)
| Registrieren | Hilfe | Benutzerliste | Kalender | Suchen | Heutige Beiträge | Alle Foren als gelesen markieren |
|
#1
22.11.2007, 14:14
|
|||
|
|||
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 (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german         |
[TYPO3-german] Bildwechsel durch mouseover
|
#2
22.11.2007, 18:35
|
|||
|
|||
On Thu, 22 Nov 2007 14:14:32 +0100, Mauß Thomas
<typo3 (AT) legato-solutions (DOT) de> wrote: > 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 _______________________________________________ TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#3
22.11.2007, 18:57
|
|||
|
|||
_______________________________________________
TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#4
23.11.2007, 12:04
|
|||
|
|||
Am 22.11.2007 um 18:57 schrieb JoH:
>>> Sprich Bild erhält ein Zusatzfeld, in das ich 2.Bild reinspeichere, >>> dass dann beim mouseover über Marker XXX in div "xy" angezeigt wird. >>> >> 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. > > 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. > 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 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 (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#5
23.11.2007, 12:50
|
|||
|
|||
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 > Am 22.11.2007 um 18:57 schrieb JoH: > > >>>> Sprich Bild erhält ein Zusatzfeld, in das ich 2.Bild reinspeichere, >>>> dass dann beim mouseover über Marker XXX in div "xy" angezeigt wird. >>>> >>>> >>> 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. >>> >> 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. > > >> 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 >> > > 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 (DOT) netfielders.de > http://lists.netfielders.de/cgi-bin/...o/typo3-german > > _______________________________________________ TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#6
23.11.2007, 21:53
|
|||
|
|||
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 Am 23.11.2007 um 12:50 schrieb cool_coders (AT) web (DOT) de: > 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 > _______________________________________________ TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#7
27.11.2007, 14:50
|
|||
|
|||
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 Am 22.11.2007 um 14:14 schrieb 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 (DOT) netfielders.de > http://lists.netfielders.de/cgi-bin/...o/typo3-german _______________________________________________ TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
|
#8
28.11.2007, 09:52
|
|||
|
|||
hi
ich meld mich bei dir per mail hab sie fast fertig gruß niels > 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 > > > Am 22.11.2007 um 14:14 schrieb 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 (DOT) netfielders.de >> http://lists.netfielders.de/cgi-bin/...o/typo3-german >> > > _______________________________________________ > TYPO3-german mailing list > TYPO3-german (AT) lists (DOT) netfielders.de > http://lists.netfielders.de/cgi-bin/...o/typo3-german > > _______________________________________________ TYPO3-german mailing list TYPO3-german (AT) lists (DOT) netfielders.de http://lists.netfielders.de/cgi-bin/...o/typo3-german |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
Linear-Darstellung
|
|
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| [TYPO3-german] Validator meckert: Alle & durch &ersetzen bei der Ausgabe im Frontend | artworx3D . Lars Zimmermann | typo3-german@lists.netfielders.de | 3 | 19.09.2007 12:33 |
| [TYPO3-german] Im Locallang-String Marker durch Link ersetzen | Jonathan Uhlmann | typo3-german@lists.netfielders.de | 1 | 29.08.2007 22:57 |
| [TYPO3-german] XHTML kaputt durch Extension | Gerhard Obermayr | typo3-german@lists.netfielders.de | 6 | 25.05.2007 21:22 |
| [TYPO3-german] Benutzergruppen durch einen Dateiimport anlegen? | info@kap-con.de | typo3-german@lists.netfielders.de | 1 | 18.01.2007 17:44 |
| [TYPO3-german] Content-Änderung durch FE-User | Christian Holzmann | typo3-german@lists.netfielders.de | 1 | 06.12.2006 09:21 |
Alle Zeitangaben in WEZ +1. Es ist jetzt 21:09 Uhr.
