Zum Inhalt springen

GMENU mit eigenen Bildern

Erstellt am 21. Juli 2006 · 7 Antworten · letzte Antwort am 24. Juli 2006

Tags: Frage

TheFreeman ·

Hi.

Im Ordner

fileadmin/schweiger_trans_img/bildlinks/

liegen folgende Files:

link1_WMTeilnehmer.jpg
link2_Bauleistungen.jpg
link3_Gewinnspiel.jpg
link4_Mitarbeiter_Monats.jpg

Meine Seitenstruktur sieht folgendermassen aus:

Bild: thefreeman.de/…/Menue_liste.jpg

Ich möchte gerne, dass die 4 Bereiche unter "Menue_rechts"
ein Menue bilden, wo die 4 Bilder untereinander stehen und
den Alttext der Berecihe tragen.

Folgenden Code habe ich mir mal zusammengewurschtelt:

		/ ******************************************************
		/ RECHTES BILDERMENUE EINFÜGEN
		/ ******************************************************
		
		marks.BILDERLINKS = HMENU
		marks.BILDERLINKS{
			special = directory
			special.value = 4
			entryLevel = 0
			1 = GMENU
			1.noBlur = 1
			1.wrap = <ul>|</ul>
			/ 1.NO.XY = 208, 185
			1.NO.wrap = |
			1.NO.10 = IMAGE
			1.NO.10.import{
				cObject = TEXT
				cObject.data = field:media
				wrap = fileadmin/schweiger_trans_img/bildlinks/ |
				listNum = 20
			}
			1.NO.ATagTitle.field = title
			1.NO.ATagTitle.noTrimWrap = | Link: |
		}

Aber es werden die Bilder nicht angezeigt. #angry#
Aber der AltTag schon. :o

Bitbull ·

Hallo Freeman,

wenn ich Dich recht verstanden habe, willst Du ein grafisches Menü erstellen, das individuelle Icons (oder Bilder enthält).

Vielleicht hilft Dir dieses TS, Deinen Ansatz weiterzuentwickeln:

		# Das grafische Menü erstellen
		MENU_RECHTS= HMENU
		MENU_RECHTS {
			special = directory
			special.value = 2
			entryLevel = 1
			1 = GMENU
			1.NO = 1
			1.NO {
				wrap = |<br />
				XY = 160, 24
				backColor = #FFFFFF
				

				#Hintergrundbild laden
				5=IMAGE
				5.file=fileadmin/images/DEINE_GRAFIK.GIF
				5.offset = 0, 0   //ANPASSEN
			
				# Text auf den Menüpunkt rendern
				10 = TEXT
				10.text.field = title
				10.text.listNum = 0
				10.text.listNum.splitChar = |
				10.fontColor = #000000
				10.fontFile = fileadmin/fonts/verdana.ttf
				10.fontSize = 11
				10.niceText = 0
				10.offset = 20, 16
			}
	
			# Einen RollOver-Zustand beschreiben
			# (hier würde das Icon beispielsweise zum Zeilenende "springen")
			1.RO < .1.NO
			1.RO.backColor = #4D2993
			1.RO.5.offset = 150, 0

			# Aktives Menü bei Untermenüs
			1.ACTIFSUB< .1.RO

			# Aktives Menü
			#1.CUR< .1.RO

			
			# Die zweite Ebene als Kopie der ersten Ebene beschreiben
			2 < .1
			2.NO {
				backColor = #F0F0F6
				5.offset = 150, 0				
				10.fontColor = #061467
				10.fontSize = 10
				10.niceText = 0
				10.offset = 16, 16
			}
			2.RO < .2.NO
			2.RO.backColor = #97B1D9

			# Die dritte Ebene als Kopie der zweiten Ebene beschreiben
			3 < .2
			3.NO {
				backColor = #E0EAFA
				10.fontColor = #061467
				10.fontSize = 10
				10.niceText = 0
				10.offset = 24, 16
			}
			3.RO < .3.NO
			3.RO.backColor = #C6D6EF
		}

Wenn Du im Abschnitt

                                #Hintergrundbild laden
                                5=IMAGE
                                5.file=fileadmin/images/DEINE_GRAFIK.GIF
                                5.offset = 0, 0   //ANPASSEN

Deinen individuellen Bildcode übergibst, sollte das eigentlich klappen. Bei eventuellen weiteren Untermenüs (oben einfach mal mitgepostet) einfach entsprechend ändern.

Gruß

Bitbull

TheFreeman ·

Dankeschön, nur ist das der falsche Ansatz.

Ich habe eine Liste an Bildern, die der
Reihe nach eingelesen werden sollen und
der Menueliste zugeordnet werden sollen.

Der Aufbau des Menues funktioniert ja schon.
Nur werden die Bilder nicht geladen.

Das ist mein Problem.

obelski ·

Hallo.
Ich würde mal folgendes probieren:

1.NO.10 = IMAGE
1.NO.10.import{
cObject = TEXT
cObject.data = field:media
wrap = fileadmin/schweiger_trans_img/bildlinks/ |
listNum = 20
}

umschreiben zu:

1.No.10 = IMAGE
1.No.10.file = fileadmin/schweiger_trans_img/bildlinks/link1_WMTeilnehmer.jpg || fileadmin/schweiger_trans_img/bildlinks/link2_Bauleistungen.jpg || fileadmin/schweiger_trans_img/bildlinks/link3_Gewinnspiel.jpg || fileadmin/schweiger_trans_img/bildlinks/link4_Mitarbeiter_Monats.jpg

Dies sollte vier Bildlinks ergeben.
Also, ich weiss es ist derselbe Ansatz wie von Bitbull.
Aber das ist ja auch deine Frage!
Sonst hab ich's auch nicht kapiert...

Gruss

TheFreeman ·

Jetzt sieht das so aus:

		/ ******************************************************
		/ RECHTES BILDERMENUE EINFÜGEN
		/ ******************************************************
		
		marks.BILDERLINKS = HMENU
		marks.BILDERLINKS{
			special = directory
			special.value = 4
			entryLevel = 0
			1 = GMENU
			1.noBlur = 1
			1.wrap = <ul>|</ul>
			1.NO.XY = 208, 185
			1.NO.wrap = |
			1.NO.ATagTitle.field = title
			1.NO.ATagTitle.noTrimWrap = | Link: |
			1.No.10 = IMAGE
			1.No.10.file = fileadmin/schweiger_trans_img/bildlinks/link1_WMTeilnehmer.jpg || fileadmin/schweiger_trans_img/bildlinks/link2_Bauleistungen.jpg || fileadmin/schweiger_trans_img/bildlinks/link3_Gewinnspiel.jpg || fileadmin/schweiger_trans_img/bildlinks/link4_Mitarbeiter_Monats.jpg 
		}

Die Bilder werden aber immer noch nicht angezeigt.
Die Pfade stimmen doch aber #angry#

TheFreeman ·

Nein, nützt nichts.

Ich hab mir mal den generierten HTML-Code angesehen:
die Bilderpfade, die er da generiert, stimmen nicht
mit den Vorgaben überein:

<td align="center">
 <ul>
  <a href="index.php?id=20" title=" Link: Rollrasen Schweiger">
   <img src="typo3temp/menu/e69942ade7.png" width="208" height="185" border="0" alt="Rollrasen Schweiger" />
  </a>
  <a href="index.php?id=19" title=" Link: Baustoffe Schweiger">
   <img src="typo3temp/menu/6879dd3a06.png" width="208" height="185" border="0" alt="Baustoffe Schweiger" />
  </a>
  <a href="index.php?id=18" title=" Link: Gewinnspiel">
   <img src="typo3temp/menu/89d33b6514.png" width="208" height="185" border="0" alt="Gewinnspiel" />
  </a>
  <a href="index.php?id=17" title=" Link: Mitarbeiter des Monats">
   <img src="typo3temp/menu/106179844d.png" width="208" height="185" border="0" alt="Mitarbeiter des Monats" />
  </a>
 </ul>
</td>

Das sind doch die Pfade des Gibuilders, oder?
Wie kann man denn prüfen, ob er die Bilder überhaupt geladen hat?
Oder an was liegt das?

obelski ·

Hmm, ich seh den Fehler nicht. Hab auch erst mit Typo3 begonnen. Ich poste mal das GMenu welches ich gerade erstellt habe, resp. noch am erstellen bin. Allerdings ist dies ohne OptionSplit, also immer das selbe Bild pro Link und mit dem Titeltext auf dem Img.

topNav = PAGE
topNav {
typeNum = 2
bodyTagCObject = HTML
bodyTagCObject.value.field = uid
bodyTagCObject.value.wrap = <body style="margin:0" id="uid|">
stylesheet = fileadmin/ce-markt_vorlagen/ce-styles.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/ce-markt_vorlagen/2TopNav.htm
10.workOnSubpart = DOKU
10.marks.TOPNAV = HMENU
10.marks.TOPNAV.special = directory
10.marks.TOPNAV.special.value = 39, 38
10.marks.TOPNAV.1 = GMENU
10.marks.TOPNAV.1.NO {
  XY = 108, 20
  10 = TEXT
  10.text.field = title
  10.fontColor = #19348F
  10.offset = 12, 12
  10.fontSize = 12
  5 = IMAGE
  5.file = fileadmin/ce-markt_Bilder/TopNav_hellblau.jpg
  }
}

Bei mir funzt dies bestens, ich hoffe es hilft dir weiter.

Gruss

PS: ...und immer wieder den Cache löschen löst auch so manches unerklärliche Phänomen 😉