cc_randomimage konfigurieren

Nach langem überlegen habe ich mich entschieden das ccrandomimage extention einzubauen

mein erstes problem ist das ich kein abstand zwischen den bildern hinneinbekomme

und das zweite problem ist..da ich ein statisches template habe benötige ich natürlich eine scrollbar um sich mehrere bildern anzuschauen. die tabelle würde sich sonst automatisch erweitern und das soll nun mal nicht sein

Hier mein ts

includeLibs.tx_ccrandomimage = 
EXT:cc_random_image/pi1/class.tx_ccrandomimage_pi1.php

temp.randomImage = USER_INT
temp.randomImage {
  		userFunc = tx_ccrandomimage_pi1->main

  		path = fileadmin/pict
  		fileExt = jpg,jpeg,gif,png
  		excludePath =
  		overrideParms.field = bodytext

  		renderObj = COA
  		renderObj {
         		10 = IMAGE
     			10.file = ###FILE_1###
     			20 = IMAGE
    			20.file = ###FILE_2###
         		30 = IMAGE
     			30.file = ###FILE_3###
     			40 = IMAGE
    			40.file = ###FILE_4###
         			
			}
		}
temp.image < temp.randomImage







seite = PAGE
 	seite {
 	typeNum = 0
 	bodyTag = <body bgcolor="#C0C0C0">
 	stylesheet = fileadmin/css/format.css
 	meta.AUTHOR = Sylvio Swierzynski
 	meta.DESCRIPTION = Creative Nails

 	10 = TEMPLATE
 	10.template = FILE
 	10.template.file = fileadmin/index.htm
 	10.workOnSubpart = DOKUMENT
 	10.marks {
 		header = IMAGE
 		header.file = GIFBUILDER		
 		header.file {
 			XY = 550, 140
 			backColor = #F2FECB
 			10 = TEXT
 			10.text = Herzlich Willkommen
			10.fontSize = 40
			10.fontFile = fileadmin/fonts/arialbi.ttf
			10.fontColor = #96CC9F
			10.niceText = 0
			10.offset = 10, 75

			20 = TEXT
			20.text = Herzlich Willkommen
			20.fontSize = 36
			20.fontFile = fileadmin/fonts/arialb.ttf
			20.fontColor = #E2F5E5
			20.niceText = 0
			20.offset = 40, 68
 			}
 			 		
 		navigation = HMENU
 		navigation.special = directory
 		navigation.special.value = 5
 		navigation.1 = GMENU
 		navigation.1.NO = 1
 		navigation.1.NO {
 				XY = 150, 30
 				backColor = #B3D2B0

 				10 = TEXT
 				10.text.field = title
 				10.fontColor = #623100
 				10.fontFile = fileadmin/fonts/aispec.ttf				10.fontSize = 10
 				10.niceText = 0
 				10.offset = 7, 21

 				20 = IMAGE
 				20.file = GIFBUILDER
 				20.file {
 					XY = 150,2
 					backColor = #F2FECB
 					}
 				20.offset = 0, 28
 				}

 		navigation.1.RO < .navigation.1.NO
 		navigation.1.RO {
 				tmp < .backColor
 				backColor = #FFBE7D
 				5 < .10
 				5.fontColor = #FFE7CE 
 				5.offset = 9,23
 				}
 		 	
 		image < temp.randomImage
 		
 		
 		headerl = IMAGE
 		headerl {
 			file = fileadmin/bilder/left.jpg
 			}	
 		
 		headerr = IMAGE
 		headerr {
 			file = fileadmin/bilder/logo.jpg
 			}	
 		
 		
 		content = CONTENT
		content {
			table = tt_content
			select.orderBy = sorting
			select.where = colPos = 0
			}
 		 		 	
 		 }

dann danke ich mal im vorraus für eure ideen

MFG 😃

mein erstes problem ist das ich kein abstand zwischen den bildern hinneinbekomme

Um die Images mittels wrap ein div tag machen und diesem mit css den entsprechenden Abstand geben oder um das COA ein wrap und den enthaltenen imgs den Abstand geben.

benötige ich natürlich eine scrollbar um sich mehrere bildern anzuschauen. die tabelle würde sich sonst automatisch erweitern und das soll nun mal nicht sein

Dem wrap um den COA mittels CSS eine feste Breite geben und den overflow als auto einstellen.

wow

jetzt bin ich erstmal buff

könntest du mir vielleicht ein kleinen denkanstoß verpassen....bin noch noobie 😃
mit css komme ich schon klar aber von coa keine ahnung wie du das meinst

MFG

temp.randomImage.wrap = <div id="randomimages">|</div>

Im CSS dann etwas ähnliches wie

#randomimage img { 
  padding:10px; 
}
#randomimage { 
  width:300px;
  overflow:auto;
}

Mittels dem typoscript sagst du, dass um die Bilder herum ein div gewrapped wird.
Mit dem ersten CSS Block gibst du den Bildern einen Abstand und mit dem 2. Block erreichst, du, dass der Bilderblock 300px weit sein soll und falls er grösser ist wird ein Scrollbar angezeigt.

coole sache danke dir das mit den abständen geht auch noch anders..hatte ich heut morgen rausbekommen...aber mit der scrollbar probiere ich dann gleich aus danke

MFG 😃

also danke nochmal hat super geklappt eigentlich voll einfach naja 😃

MFG