[TYPO3-german] Bilgergalerie mit nur einem Thumbnail

Simon Würstle simon.wuerstle at gmail.com
Thu Oct 2 08:02:38 CEST 2014


Ich geb dir mal meinen Code. Ich habe das ganze über ein eigenes Inhaltselement gemacht, welches über FLUID gerendert wird und das Feld tt_content.image verwendet:

############
### FLUID ###
############

<div class="imagegallery" id="gallery-{data.uid}">
	<script type="text/javascript">
		<![CDATA[
			$(function() {
				$('#gallery-]]>{data.uid}<![CDATA[ a').click(function(e) {
					e.preventDefault();
					$.fancybox.open([
						]]><f:cObject typoscriptObjectPath="lib.imagegallery.javascript" data="{data}" /><![CDATA[
					], {
						helpers : {
							thumbs : {
								width: 75,
								height: 50
							}
						}
					});
				});
			});
		]]>
	</script>
	<div class="image"><a href="#"><f:cObject typoscriptObjectPath="lib.imagegallery.previewimage" data="{data}" /></a></div>
</div>


############
###    TS     ###
############

lib.imagegallery.previewimage = FILES
lib.imagegallery.previewimage {
	references {
		table = tt_content
		fieldName = image
	}
	maxItems = 1

	renderObj = IMAGE
	renderObj {
		file {
			import.data = file:current:originalUid // file:current:uid
			maxW = 377
			maxH = 377
		}
		altText.data = file:current:alternative // file:current:title
	}
}
	
lib.imagegallery.javascript = FILES
lib.imagegallery.javascript {
	references {
		table = tt_content
		fieldName = image
	}
	
	renderObj = COA
	renderObj {
		stdWrap {
			noTrimWrap = |{ | },| |*| |{ | },| |*| |{ | }|
			innerWrap = href: '{TSFE:config|config|absRefPrefix}|',	title : '{file:current:description // file:current:title}'
			innerWrap.insertData = 1
			htmlSpecialChars = 1
		}
		
		10 = IMG_RESOURCE
		10 {
			file {
				import.data = file:current:originalUid // file:current:uid
				maxW = 1024
				maxH = 800
			}
		}
	}
}


More information about the TYPO3-german mailing list