Community @ The Turning Gate

backlight.getAlbum("12345", {...

function head( ) {
echo '
<script src="/backlight/custom/js/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#efefef",
      "text": "#404040"
    },
    "button": {
      "background": "#ffffff",
      "text": "#ff0000"
    }
  },
  "theme": "edgeless",
  "content": {
    "message": "By continuing to use the site, you agree to the use of cookies. You can find out more by following this ",
    "dismiss": "OK",
    "link": "link",
    "href": "/cookie_policy.php"
  }
})});
</script>';		
}

Native dimensions: {CroppedWidth} x {CroppedHeight}px | {LUA= return string.format("%.2f",CroppedWidth/300*2.54)} x {LUA= return string.format("%.2f",CroppedHeight/300*2.54)} cm | {LUA= return string.format("%.2f",CroppedWidth/300)} x {LUA= return string.format("%.2f",CroppedHeight/300)} inches | 300dpi

function single_top( ){
	$photo = $this->photo;
	$album = $this->album;
	
	$back = $album->getIndexPageForPhoto($photo);

        $img_title = $photo->hasMetadata(Photo::$PHOTO_TITLE) ? $photo->getMetadata(Photo::$PHOTO_TITLE) : $photo->getFilename();
	$img_caption = $photo->hasMetadata(Photo::$PHOTO_CAPTION) ? $photo->getMetadata(Photo::$PHOTO_CAPTION) : '';
        $img_alt   = $photo->hasMetadata(Photo::$PHOTO_CAPTION) ? $photo->getMetadata(Photo::$PHOTO_CAPTION) : $img_title;
	
	$ph_id = $photo->getItemNumber();
	$ph_path = $photo->getUrl('photos');
	$ph_w = $photo->getPhotoWidth();
	$ph_h = $photo->getPhotoHeight();
	
	echo '<h1>'. $img_title .'</h1>';
	
	// Top Bar
	echo '<ul class="single_icons" style="max-width:' .$ph_w.'px;">'; 

	if ($back) echo '<li class="single_image_back"><a href="'.$back.'"><span>Album</span></a></li>';

	echo '<li><button class="add-to-cart" data-item="'.$photo->getItemNumber().'" data-name="'.$photo->getItemName().'" data-price="'.$photo->getMetadata("itemPricing").'" data-thumbnail="'.$photo->getURL("thumbnails-for-mobile").'"></button></li>';	
	?>
				
	</ul>

	<figure id="fig-<?php echo $ph_id?>" class="single_image" itemscope itemtype="http://schema.org/ImageObject" style="max-width:<?php echo $ph_w;?>px;">
		<img src="<?php echo $ph_path?>" id="photo-<?php echo $ph_id?>" height="<?php echo $ph_h?>" width="<?php echo $ph_w ?>" style="width: <?php echo $ph_w?>px;" alt="<?php echo $img_alt?>" />
		<figcaption"><?php echo $img_caption?></figcaption>
	</figure>

	<?php

	return false;	
}