Mura Backstretch Gallery

backstretch_gallery.cfm

<cfoutput>
	<!--- set galleryContentID to the Content ID of the Gallery you want to load --->
	<cfset galleryContentID='contentID goes here'>
	<cfset it=$.getBean('content').loadBy(contentID=galleryContentID,siteID=event.getValue('siteID')).getKidsIterator()>
	<cfset it.setNextN(5)>
		<script type="text/javascript">	
			$("##slideshow").backstretch([
			<cfloop condition="it.hasNext()"> 
			<cfset sub1=it.next()>
				<cfif ! it.currentrow() IS 1>
					, 
				</cfif>
				"http://#$.siteConfig('domain')##sub1.getImageURL(size = 'custom', width = 860, height = 395)#"
			</cfloop>
				], {duration: 3000, fade: 750});
		</script>
</cfoutput>

body.cfm

<div id="slideshow" style="width: 860px; height: 395px;"></div>

html_foot.cfm

	<!--- Backstretch JS --->
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
	<cfinclude template="backstretch_gallery.cfm">