[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