Lazyload with TypoScript

1.NO {
	linkWrap = <div class="title">|</div>
	before.cObject = FILES
	before.cObject {
		references {
			table = pages
			uid.data = uid
			fieldName = media
		}

		#renderObj = IMAGE
		#renderObj {
		#	altText >
		#	#altText.data = file:current:description
		#	file {
		#		import.data = file:current:uid
		#		width = 76c
		#		height = 76
		#	}
		#}
		# Lazyload
		renderObj = TEXT
		renderObj {
			stdWrap {
				cObject = IMG_RESOURCE
				cObject{
					file.import.data = file:current:uid
					file.treatIdAsReference = 1
					file.width = 76c
					file.height = 76
				}
			}
			wrap=<img src="" class="lazy" data-src="|" />
		}
	}

	beforeWrap = <div class="image">|</div>
	after = TEXT
	after.data = 1
	after.field = description // abstract // subtitle // title
	afterWrap = <div class="description">|</div>
	stdWrap.htmlSpecialChars = 0
	doNotLinkIt = 0
	ATagBeforeWrap = 0
	wrapItemAndSub >
	wrapItemAndSub.stdWrap.insertData = 1
	#wrapItemAndSub.insertData=1
	wrapItemAndSub = <li class="dropdown tmenuCount_{register:count_HMENU_MENUOBJ} tmenuUid_{field:uid}">|</li>
}
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp