From 96c455669f7fe5c484f81903bc909f1c1a99abf1 Mon Sep 17 00:00:00 2001
From: Anne-Gaelle Colom <coloma@westminster.ac.uk>
Date: Tue, 14 Oct 2014 16:16:44 +0100
Subject: [PATCH] Popup: Fixed scaling image example

---
 entries/popup.xml             |  2 +-
 resources/popup/example3.html | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/entries/popup.xml b/entries/popup.xml
index 73a4c8f6..74d1a619 100644
--- a/entries/popup.xml
+++ b/entries/popup.xml
@@ -37,7 +37,7 @@
 		<p>The handler is bound to the <code>popupbeforeposition</code> event, which ensures the image is not only scaled before it is shown but also when the window is resized (e.g. orientation change). In this code example the height is reduced by 60 to take a top and bottom tolerance of 30 pixels into account.</p>
 
 <pre><code><![CDATA[
-$( document ).on( "pageinit", function() {
+$( document ).on( "pagecreate", function() {
     $( ".photopopup" ).on({
         popupbeforeposition: function() {
             var maxHeight = $( window ).height() - 60 + "px";
diff --git a/resources/popup/example3.html b/resources/popup/example3.html
index c049425d..34758196 100644
--- a/resources/popup/example3.html
+++ b/resources/popup/example3.html
@@ -37,5 +37,15 @@
 		</div>
 	</div>
 </div>
+<script>
+$( document ).on( "pagecreate", function() {
+ 	$( ".photopopup" ).on({
+ 		popupbeforeposition: function() {
+			var maxHeight = $( window ).height() - 60 + "px";
+			$( ".photopopup img" ).css( "max-height", maxHeight );
+		}
+	});
+});
+</script>
 </body>
 </html>