Das mit der Hand ist das normale Verhalten eines jeden Browsers, insofern beudeutet das nicht, dass die Rollover funktionieren. Da müsstest du mal im Frontend in den HTML-Quellcode gucken und schauen ob die Links in dem Menü jeweils ein onmouseover Attribut haben.
Du hast auch zwei verschieden Bilder in den Seiteneigenschaften eingebaut?
Um zu testen ob der RO funktioniert, kannst du ja mal statisch ein Bild einbinden.
Grüße
Christian
Hallo Christian,
ein Auszug meines Quelltextes:
<a href="6.0.html" onfocus="blurLink(this);" onmouseover="over('img6_30b4_0');" onmouseout="out('img6_30b4_0');"><img src="typo3temp/menu/8c5bd62e5d.gif"
usw.
Jetzt kann ich gut sehen, dass die mouseover Effekte da sind, jedoch immer dasselbe Bild benutzt wird...
Gruß,
Claudia
Hallo,
vielen Dank für Eure tatkräftige Hilfe - jetzt habe ich eine Bildergalerie als Navigation - die sieht - so finde ich verdammt gut aus!
Habe mich nun dazu entschieden den Rollover erstmal wegzulassen - die Bilder sind vom Fotografen und allein schon so gut, wenn die noch wechseln (mit anderer Hintergrundfarbe) vielleicht ist das zuviel. Manchmal ist auch weniger mehr.
Für den Fall der guten Bilder habe ich mir diesen Grundsatz zugelegt.
Nochmals vielen Dank und frohes Schaffen.
Gruß,
Claudia
das nur ein bild verwendet wird kann folgende ursache haben:
file.import.listNum = 0
damit gibst du an das du im NO-Zustand das ERSTE bild, das du in dem feld FILES in deinen seiteneigenschaften angegeben hast verwenden möchtest.
im RO-ZUstand darf dann nicht nochmal 0 stehen, da dann das gleiche bild verwendet wird, also:
file.import.listNum = 1
schau mal ob es daran liegen könnte.
den debug mode kannst du ganz normal in dein typoscript einbinden. hier mal meine variante:
page = PAGE
# Stylesheetdatei einbinden
page.stylesheet = fileadmin/template/template.css
# debugMode
page.5 = TEXT
page.5.debugData = 1
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/template.html
workOnSubpart = DOCUMENT_BODY
}
# Seitentitel ausgeben
page.10.subparts.PAGE_TITLE < tmp.Seitentitel
# obere Navigation einbinden
page.10.subparts.OBERE_NAVIGATION < tmp.Obere_Navigation
# Überschrift über der linken Navigation einbinden
page.10.marks.Naviueberschrift < tmp.Naviueberschrift
# linke Navigation einbinden
page.10.subparts.LINKE_NAVIGATION < tmp.Linke_Navigation
# Kontaktlink einbinden
page.10.marks.KONTAKTLINK < tmp.Kontaktlink
# Inhalte auf der Seite ausgeben
page.10.subparts.PAGE_CONTENT < styles.content.get
gruß
Hallo,
anhand des Screenshots möchte ich darstellen, welche Bilder für die (in diesem Fall auf Seite Impressum) Navigation geladen werden. Die Bilder unterscheiden sich durch eine andere Hintergrundfarbe:
http://www.claudianeu.net/screenshot_navi_galerie.jpg
Nun der TypoScript-Code:
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory
NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {
ATagTitle.field = title
noBlur = 1
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = |
}
XY = [10.w]+20,[10.h]+15
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |
# 10.file.import.listNum = 1
}
NAVI.1.CUR < NAVI.1.RO
Vielleicht hat noch jemand einen Tip?
Gruß
eigentlich wollte ich auch testen, wie es ausschaut, wenn ich mit
XY = [10.w]+20,[10.h]+15
ein wenig Abstand zwischen den Bildern lasse, jedoch zeigt er diesen tS-Code gar nicht an bzw. setzt ihn nicht um... #angry#
Gruß
einen abstand bekommst du mit offset rein, oder machst es wrap-st ein dummy gif als abstandshalter hinter jedes bild. das hab ich zumindest so gemacht und das funktioniert super.
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |
10.file.import.listNum = 1
}
NAVI.1.CUR < NAVI.1.RO
bei RO brauchst du nur die sachen neu zu definieren die du ändern möchtest. das spart platz und macht das ts übersichtlicher. also zeile 3 und 4 is überflüssig, weil das von NO ererbt wird. und was soll das 10.file... bewirken???
was genau is denn nun dein problem? was funktioniert bisher und was nicht?
Also das der RO nicht funktioniert ist wirklich komisch. Kann ich die Seite mal sehen.
Das das XY nicht funktioniert liegt daran, dass es falsch steht... Es muss in die geschweiften Klammern des
NAVI.1.NO
Also z.B. in Zeile 10 des Codes, den du gepostet hast.
Grüße
Christian
PS: Wie ich auf deiner Seite sehe, bist du ja direkt um die Ecke.
Hallo,
bitte nicht wundern - der Code ist wahrscheinlich noch nicht allzu sauber - bin noch nicht solange dabei - mit Typo3...
Die betreffende Seite heisst: http://www.puuloa.de
-Habe den Abstand jetzt mit einem dummy-jpg umbrückt- meine Bilder dementsprechend umgebaut... da bin ich noch selbst drauf gekommen - ist halt eigentlich die umständlichere Variante - ich habe ja "nur" 8 Bilder...
Hm - also der Rollover macht echte Probleme - es ist aber jetzt nicht so hyperwichtig, dass er da ist.
Gruß,
Claudia
P.S.: Ja, ich bin überrascht, dass wir so nah beieinander wohnen! Denn so viele gibt's ja nun auch nicht von unserer Sorte #giggle#
Hallo,
also da ist jetzt im HTML-Code aber nichts mehr von rollover zu sehen. Hast du die jetzt aus dem TS Code komplett rausgenommen? Der RO muss gehen, dachte halt es wäre gut es noch zu machen, damit du siehst das es geht...
Hast du das mit dem XY an der richtigen Stelle nochmal probiert?
Du hast recht, wir sind so wenige, dass ich mich wundern sollte, dass überhaupt jemand in Deutschland wohnt. ;-) War nur überrascht, das wirklich jemand direkt um die Ecke ist.
Viele Grüße
Christian
Hallo,
nun, hier noch einmal mein TS-Konstrukt für die "Navigationsgalerie":
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory
NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {
ATagTitle.field = title
XY = [1.w]+20,[1.h]+15
noBlur = 1
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = |
}
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
#ATagTitle.field = title
#noBlur = 1
#altImgResource.import = {$menpath}
#altImgResource.import.field = media
altImgResource.import.listNum = 1
wrap = |
#file.import.listNum = 1
}
NAVI.1.CUR < NAVI.1.RO
Vielleicht hat hier doch noch jemand eine Idee, warum der RO-Effekt nicht greift?
Gruß
Füg mal bitte zwischen Zeile 17 und 18 folgendes ein:
NAVI.1.RO = 1
Das müsste eigentlich alles sein.
Grüße
Christian
Super! Und: vielen, vielen Dank!
Nun - bei mir klappts allerdings nur wenn ich diese 2 Zeilen beim RO nochmal mit hereinnehme:
altImgResource.import = {$menpath}
altImgResource.import.field = media
-aber super: nun geht es auch mit RO und CUR mein bereinigter Code:
NAVI = HMENU
NAVI.entryLevel = -1
NAVI.special = directory
NAVI.special.value = 1
NAVI.1 = GMENU
NAVI.1.NO {
ATagTitle.field = title
XY = [1.w]+20,[1.h]+15
noBlur = 1
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 0
wrap = |
}
NAVI.1.RO = 1
NAVI.1.RO < NAVI.1.NO
NAVI.1.RO {
#ATagTitle.field = title
#noBlur = 1
altImgResource.import = {$menpath}
altImgResource.import.field = media
altImgResource.import.listNum = 1
#wrap = |
#file.import.listNum = 1
}
NAVI.1.CUR < NAVI.1.RO
Ich schätze mal, dass ich die 1 setze, da das NO array standardmässig auf 0 steht, dies aber ja so nicht extra definiert werden muss?
Gruß & danke 😃
Claudia
Genau, das mit der 0 und 1 stimmt so. Prima, dass es jetzt klappt.
Bei der Seite fehlen aber noch die Preise (ich bestelle ja keinen Geschenkgutschein ohne zu wissen, was mich das kostet) und die Angaben im Impressum sind nicht vollständig.
Hallo,
ja, hast recht - da fehlen die Preise... nun, Frau Eckert möchte zunächst einmal, dass die Kunden sich bei Ihr melden und mit ihr Kontakt aufnehmen, so dass sie ihre Kunden schon einmal gehört hat oder zumindestens mit ihnen schon mal in Kontakt getreten ist... - der Kunde ist König - na ja, o.k. es ist ja ihre Seite und eine sehr in die Persönlichkeit eines einzelnen gehender Beruf 😉 - wie ich finde... ich meine auch, das das ja ganz o.k. ist - hmmm. - ich gebe ja auch keine Pauschalpreise - dafür ist meine Arbeit nun bisher doch zu individuell gewesen.
Es ist noch nicht alles soweit fertig, aber der Großteil ist getan.
Gruß nach Bornheim & frohes Schaffen,
Claudia
hallo
jmd einen tipp, was ich falsch mache?
#grafisches Menü
marks.MENU = HMENU
marks.MENU.wrap = <div> | </div>
marks.MENU.1 = GMENU
marks.MENU.1.transparentBackground = 1
marks.MENU.1{
NO {
10 = IMAGE
XY = 110,30
#XY = [10.w],[10.h]
10 {
altImgResource.import = uploads/media
altImgResource.import.field = media
altImgResource.import.listNum = 0
}
10.wrap = <span>|</span>
}
#RO < .NO
#RO = 1
#RO.altImgResource.import.listNum = 1
#ACT < .RO
}
muss man vielleicht irgendwas bei der benennung der dateien beachten?
eine beschreibung des problems wäre nicht schlacht. was funktioniert denn nicht?
das macht die hilfe einfacher und damit schneller
sorry, das menu wird nur als komplett weißen grafiken angezeigt, die aber mit den richtigen links versehen sind und auch die richtige größe haben
1) liegen die bilder die du für die navigation benutzen willst wirklich in uploads/media?
2) hast den seiten die speziellen bilder über den page header zugewiesen?
3) was sagt der debugMode (ober steht das TS zum aktivieren) -- also hat typo3 die bilder eingebunden?
hab das jetzt erstmal anders gelöst.(per javascript hartcodiert) da ich noch andere projekte machen muss, fehlt mir momentan die zeit, deine vorschläge zu testen, werd das aber demnächst auch mal ausprobieren und dann die lösung posten...
trotzdem vielen dank!!!