FOUT

FOUT

Switch View
  1. <%
  2. local mySize = "large"
  3. local theRoot = "."
  5. local resolution = "";
  6. if (model.nonCSS.images_large.export) then resolution = "max" end
  7. if (model.nonCSS.images_medium.export and resolution == "") then resolution = "medium" end
  8. if (model.nonCSS.images_small and resolution == "") then resolution = "small" end
  10. local folder = "photos_" .. resolution
  12. %>
  13. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  14. "http://www.w3.org/TR/html4/loose.dtd">
  15. <html>
  16. <!-- This gallery has been generated using the 'Impact' Web Engine for Lightroom 2. See http://www.photographers-toolbox.com/ for more information -->
  17. <head>
  20. <title>$model.metadata.pageTitle.value</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="description" content="$model.metadata.description.value">
  23. <meta name="viewport" content="user-scalable=no, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
  24. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="$theRoot/resources/custom.css" >
  25. <link rel="stylesheet" type="text/css" media="screen" href="$theRoot/resources/mainstyles.css">
  26. <link media="only screen and (max-device-width: 480px)" href="$theRoot/resources/smallscreen.css" type= "text/css" rel="stylesheet">
  27. <!-- Redirect this static page to the Javascript version if scripting is now enabled -->
  29. <script type="text/javascript" src="$theRoot/resources/mootools-1.2.4-core-yc.js"></script>
  30. <script type="text/javascript" src="$theRoot/resources/mootools-1.2.4.4-more.js"></script>
  31. <script type="text/javascript"><!--
  33. var uri = new URI(window.location);
  34. var filename = uri.get('file');
  35. var imagename = filename.substring(0, filename.length - 5);
  36. window.location.replace("index.html#" + imagename);
  38. --></script>
  39. <style type="text/css">
  40. #prevbutton1 { border-color: #000000 #FFFFFF #000000 #000000 }
  41. #prevbutton2 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  42. #nextbutton1 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  43. #nextbutton2 { border-color: #000000 #000000 #000000 #FFFFFF }
  45. #playbutton1 { border-color: #000000 #000000 #000000 #FFFFFF }
  46. #playbutton2 { border-color: #FFFFFF }
  47. #pausebutton1 { border-color: #FFFFFF }
  48. #playbutton1 { border-color: <%= model.nonCSS.playbutton1borderColor %> }
  49. #playbutton2 { border-color: <%= model.nonCSS.playbutton2borderColor %> }
  50. #nextbutton1 { border-color: <%= model.nonCSS.nextbutton1borderColor %> }
  51. #nextbutton2 { border-color: <%= model.nonCSS.nextbutton2borderColor %> }
  52. #prevbutton1 { border-color: <%= model.nonCSS.prevbutton1borderColor %> }
  53. #prevbutton2 { border-color: <%= model.nonCSS.prevbutton2borderColor %> }
  54. #pausebutton1 { border-color: <%= model.nonCSS.pausebuttonBorderColor %> }
  55. </style>
  56. <!--[if lt IE 7]>
  57. <% if mode ~= 'preview' then %>
  58. <link href="$theRoot/pngfix.css" media="screen" rel="stylesheet" type="text/css" />
  59. <% end %>
  60. <![endif]-->
  62. </head>
  63. <body>
  64. <%
  65. local loadingdots='<div class="loading">'
  66. local n
  67. for n = 1, model.nonCSS.loadingdots.number do
  68. loadingdots = loadingdots .. "<span>·</span>"
  69. end
  70. loadingdots = loadingdots .. "</div>"
  71. %>
  72. <div id="beltcontainer">
  73. <%
  74. if model.nonCSS.fittingType == "width" then
  75. fitClass = "fithorizontal"
  76. elseif model.nonCSS.fittingType == "height" then
  77. fitClass = "fitvertical"
  78. else
  79. -- We scale based on the orientation of the photo.
  80. --
  81. -- To do that we need to find a resolution that was actually exported...
  83. image = getImage(index)
  84. if model.nonCSS.images_large.export then
  85. width = image.renditions.large.width
  86. height = image.renditions.large.height
  87. elseif model.nonCSS.images_medium.export then
  88. width = image.renditions.medium.width
  89. height = image.renditions.medium.height
  90. else
  91. width = image.renditions.small.width
  92. height = image.renditions.small.height
  93. end
  95. if width > height then
  96. fitClass = "fithorizontal"
  97. else
  98. fitClass = "fitvertical"
  99. end
  101. end
  103. %>
  104. <div class="beltobjectwrapper <%= fitClass %>"><div class="beltobjectcenterer"><div class="beltobject"><img src="<%= folder .. "/" .. image.exportFilename %>.jpg" alt="$image.metadata.seoAltText"></div></div></div>
  105. </div>
  106. <% if model.nonCSS.displayIdentityPlate then
  107. if #model.nonCSS.identityPlateLink > 0 then %>
  108. <div id="logo"><a href="<%= model.nonCSS.identityPlateLink %>"><img src="$theRoot/resources/logo.png" alt=""></a></div>
  109. <% else %>
  110. <div id="logo"><img src="$theRoot/resources/logo.png"></div>
  111. <% end %>
  112. <% end %>
  114. <div id="menuwrapper"><div id="menu">
  115. <table cellspacing="0" cellpadding="0" border="0">
  116. <tr>
  117. <td class="menubarleftpadding"></td>
  118. <td>
  119. <ul id="menuitems" class="<%= model.nonCSS.menuitems.layout %>">
  120. <% if model.nonCSS.menuitems.one.included then %><li><a href="<%= model.nonCSS.menuitems.one.url %>"><%= model.nonCSS.menuitems.one.title %></a></li><% end %>
  121. <% if model.nonCSS.menuitems.two.included then %><li><a href="<%= model.nonCSS.menuitems.two.url %>"><%= model.nonCSS.menuitems.two.title %></a></li><% end %>
  122. <% if model.nonCSS.menuitems.three.included then %><li><a href="<%= model.nonCSS.menuitems.three.url %>"><%= model.nonCSS.menuitems.three.title %></a></li><% end %>
  123. <% if model.nonCSS.menuitems.four.included then %><li><a href="<%= model.nonCSS.menuitems.four.url %>"><%= model.nonCSS.menuitems.four.title %></a></li><% end %>
  124. <% if model.nonCSS.menuitems.five.included then %><li><a href="<%= model.nonCSS.menuitems.five.url %>"><%= model.nonCSS.menuitems.five.title %></a></li><% end %>
  125. <% if model.nonCSS.menuitems.six.included then %><li><a href="<%= model.nonCSS.menuitems.six.url %>"><%= model.nonCSS.menuitems.six.title %></a></li><% end %>
  126. </ul>
  127. </td>
  129. <% if model.nonCSS.controlsEnabled then %>
  130. <lr:Pagination>
  131. <lr:PreviousEnabled>
  132. <td class="control">
  133. <div class="controlContainer" id="prevbutton">
  134. <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td class="controlbit"><a href="$link" id="prevbutton1" class="slant"><!-- --></a></td><td class="controlbit"><a href="$link" id="prevbutton2" class="slant"><!-- --></a></td></tr></table>
  135. </div>
  136. </td>
  137. <td class="control"></td>
  138. </lr:PreviousEnabled>
  139. <lr:NextEnabled>
  140. <td class="control">
  141. <div class="controlContainer" id="nextbutton">
  142. <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td class="controlbit"><a href="$link" id="nextbutton1"class="slant"><!-- --></a></td><td class="controlbit"><a href="$link" id="nextbutton2" class="slant"><!-- --></a></td></tr></table>
  143. </div>
  144. </td>
  145. <td class="menubarrightpadding"></td>
  146. </lr:NextEnabled>
  147. </lr:Pagination>
  148. <% end %>
  149. </tr>
  150. </table>
  151. </div></div>
  153. <% if model.nonCSS.dots.enabled then %>
  154. <div id="dotswrapper"><div id="dots"><% for d = 1, numImages do %><a <% if d == index then write('class="selected"') end %> <% if d == 1 then write('class="first"') end %> href="<%= getImage(d).exportFilename %>.html"><% if model.nonCSS.dots.type == "squares" then write("" .. d) else write ('·') end%></a><% end %></div></div>
  155. <% end %>
  157. <script type="text/javascript"><!--
  158. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  159. document.write('<div id="pr2"></div>');
  160. --></script>
  162. <noscript>
  163. <%
  164. img = '<img src="resources/blank.gif">'
  165. i = index + 1
  166. if i > numImages then i = 1 end
  167. if model.nonCSS.clickBehaviour == "advance" then
  168. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  169. elseif model.nonCSS.clickBehaviour == "url" then
  170. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  171. end
  172. %>
  174. <div id="pr1"><%= img %></div>
  175. </noscript>
  177. <% --[[ Include the page footer]] %>
  178. </body>
  179. </html>
  2. local mySize = "large"
  3. local theRoot = "."
  5. local resolution = "";
  6. if (model.nonCSS.images_large.export) then resolution = "max" end
  7. if (model.nonCSS.images_medium.export and resolution == "") then resolution = "medium" end
  8. if (model.nonCSS.images_small and resolution == "") then resolution = "small" end
  10. local folder = "photos_" .. resolution
  12. write( [[
  13. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  14. "http://www.w3.org/TR/html4/loose.dtd">
  15. <html>
  16. <!-- This gallery has been generated using the 'Impact' Web Engine for Lightroom 2. See http://www.photographers-toolbox.com/ for more information -->
  17. <head>
  20. <title>]] )write( model.metadata.pageTitle.value )write( [[</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="description" content="]] )write( model.metadata.description.value )write( [[">
  23. <meta name="viewport" content="user-scalable=no, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
  24. <link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="]] )write( theRoot )write( [[/resources/custom.css" >
  25. <link rel="stylesheet" type="text/css" media="screen" href="]] )write( theRoot )write( [[/resources/mainstyles.css">
  26. <link media="only screen and (max-device-width: 480px)" href="]] )write( theRoot )write( [[/resources/smallscreen.css" type= "text/css" rel="stylesheet">
  27. <!-- Redirect this static page to the Javascript version if scripting is now enabled -->
  29. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/mootools-1.2.4-core-yc.js"></script>
  30. <script type="text/javascript" src="]] )write( theRoot )write( [[/resources/mootools-1.2.4.4-more.js"></script>
  31. <script type="text/javascript"><!--
  33. var uri = new URI(window.location);
  34. var filename = uri.get('file');
  35. var imagename = filename.substring(0, filename.length - 5);
  36. window.location.replace("index.html#" + imagename);
  38. --></script>
  39. <style type="text/css">
  40. #prevbutton1 { border-color: #000000 #FFFFFF #000000 #000000 }
  41. #prevbutton2 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  42. #nextbutton1 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  43. #nextbutton2 { border-color: #000000 #000000 #000000 #FFFFFF }
  45. #playbutton1 { border-color: #000000 #000000 #000000 #FFFFFF }
  46. #playbutton2 { border-color: #FFFFFF }
  47. #pausebutton1 { border-color: #FFFFFF }
  48. #playbutton1 { border-color: ]] )write( model.nonCSS.playbutton1borderColor )write( [[ }
  49. #playbutton2 { border-color: ]] )write( model.nonCSS.playbutton2borderColor )write( [[ }
  50. #nextbutton1 { border-color: ]] )write( model.nonCSS.nextbutton1borderColor )write( [[ }
  51. #nextbutton2 { border-color: ]] )write( model.nonCSS.nextbutton2borderColor )write( [[ }
  52. #prevbutton1 { border-color: ]] )write( model.nonCSS.prevbutton1borderColor )write( [[ }
  53. #prevbutton2 { border-color: ]] )write( model.nonCSS.prevbutton2borderColor )write( [[ }
  54. #pausebutton1 { border-color: ]] )write( model.nonCSS.pausebuttonBorderColor )write( [[ }
  55. </style>
  56. <!--]] .. "[" .. [[if lt IE 7]] .. "]" .. [[>
  57. ]] ) if mode ~= 'preview' then write( [[
  58. <link href="]] )write( theRoot )write( [[/pngfix.css" media="screen" rel="stylesheet" type="text/css" />
  59. ]] ) end write( [[
  60. <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  62. </head>
  63. <body>
  64. ]] )
  65. local loadingdots='<div class="loading">'
  66. local n
  67. for n = 1, model.nonCSS.loadingdots.number do
  68. loadingdots = loadingdots .. "<span>·</span>"
  69. end
  70. loadingdots = loadingdots .. "</div>"
  71. write( [[
  72. <div id="beltcontainer">
  73. ]] )
  74. if model.nonCSS.fittingType == "width" then
  75. fitClass = "fithorizontal"
  76. elseif model.nonCSS.fittingType == "height" then
  77. fitClass = "fitvertical"
  78. else
  79. -- We scale based on the orientation of the photo.
  80. --
  81. -- To do that we need to find a resolution that was actually exported...
  83. image = getImage(index)
  84. if model.nonCSS.images_large.export then
  85. width = image.renditions.large.width
  86. height = image.renditions.large.height
  87. elseif model.nonCSS.images_medium.export then
  88. width = image.renditions.medium.width
  89. height = image.renditions.medium.height
  90. else
  91. width = image.renditions.small.width
  92. height = image.renditions.small.height
  93. end
  95. if width > height then
  96. fitClass = "fithorizontal"
  97. else
  98. fitClass = "fitvertical"
  99. end
  101. end
  103. write( [[
  104. <div class="beltobjectwrapper ]] )write( fitClass )write( [["><div class="beltobjectcenterer"><div class="beltobject"><img src="]] )write( folder .. "/" .. image.exportFilename )write( [[.jpg" alt="]] )write( image.metadata.seoAltText )write( [["></div></div></div>
  105. </div>
  106. ]] ) if model.nonCSS.displayIdentityPlate then
  107. if #model.nonCSS.identityPlateLink > 0 then write( [[
  108. <div id="logo"><a href="]] )write( model.nonCSS.identityPlateLink )write( [["><img src="]] )write( theRoot )write( [[/resources/logo.png" alt=""></a></div>
  109. ]] ) else write( [[
  110. <div id="logo"><img src="]] )write( theRoot )write( [[/resources/logo.png"></div>
  111. ]] ) end write( [[
  112. ]] ) end write( [[
  114. <div id="menuwrapper"><div id="menu">
  115. <table cellspacing="0" cellpadding="0" border="0">
  116. <tr>
  117. <td class="menubarleftpadding"></td>
  118. <td>
  119. <ul id="menuitems" class="]] )write( model.nonCSS.menuitems.layout )write( [[">
  120. ]] ) if model.nonCSS.menuitems.one.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.one.url )write( [[">]] )write( model.nonCSS.menuitems.one.title )write( [[</a></li>]] ) end write( [[
  121. ]] ) if model.nonCSS.menuitems.two.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.two.url )write( [[">]] )write( model.nonCSS.menuitems.two.title )write( [[</a></li>]] ) end write( [[
  122. ]] ) if model.nonCSS.menuitems.three.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.three.url )write( [[">]] )write( model.nonCSS.menuitems.three.title )write( [[</a></li>]] ) end write( [[
  123. ]] ) if model.nonCSS.menuitems.four.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.four.url )write( [[">]] )write( model.nonCSS.menuitems.four.title )write( [[</a></li>]] ) end write( [[
  124. ]] ) if model.nonCSS.menuitems.five.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.five.url )write( [[">]] )write( model.nonCSS.menuitems.five.title )write( [[</a></li>]] ) end write( [[
  125. ]] ) if model.nonCSS.menuitems.six.included then write( [[<li><a href="]] )write( model.nonCSS.menuitems.six.url )write( [[">]] )write( model.nonCSS.menuitems.six.title )write( [[</a></li>]] ) end write( [[
  126. </ul>
  127. </td>
  129. ]] ) if model.nonCSS.controlsEnabled then write( [[
  130. ]] ) do local LrPaginationEntries = {}
  131. local oldWrite = write
  132. write = function( w )
  133. table.insert( LrPaginationEntries, function() oldWrite( w ) end )
  134. end
  135. write( [[
  136. ]] )LrPaginationEntries.PreviousEnabled = function( page, link ) write( [[
  137. <td class="control">
  138. <div class="controlContainer" id="prevbutton">
  139. <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td class="controlbit"><a href="]] )write( link )write( [[" id="prevbutton1" class="slant"><!-- --></a></td><td class="controlbit"><a href="]] )write( link )write( [[" id="prevbutton2" class="slant"><!-- --></a></td></tr></table>
  140. </div>
  141. </td>
  142. <td class="control"></td>
  143. ]] )end table.insert( LrPaginationEntries, 'Previous' ) write( [[
  144. ]] )LrPaginationEntries.NextEnabled = function( page, link ) write( [[
  145. <td class="control">
  146. <div class="controlContainer" id="nextbutton">
  147. <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td class="controlbit"><a href="]] )write( link )write( [[" id="nextbutton1"class="slant"><!-- --></a></td><td class="controlbit"><a href="]] )write( link )write( [[" id="nextbutton2" class="slant"><!-- --></a></td></tr></table>
  148. </div>
  149. </td>
  150. <td class="menubarrightpadding"></td>
  151. ]] )end table.insert( LrPaginationEntries, 'Next' ) write( [[
  152. ]] )write = oldWrite LrTagFuncs.PaginationFunc( _G, LrPaginationEntries ) end write( [[
  153. ]] ) end write( [[
  154. </tr>
  155. </table>
  156. </div></div>
  158. ]] ) if model.nonCSS.dots.enabled then write( [[
  159. <div id="dotswrapper"><div id="dots">]] ) for d = 1, numImages do write( [[<a ]] ) if d == index then write('class="selected"') end write( [[ ]] ) if d == 1 then write('class="first"') end write( [[ href="]] )write( getImage(d).exportFilename )write( [[.html">]] ) if model.nonCSS.dots.type == "squares" then write("" .. d) else write ('·') end write( [[</a>]] ) end write( [[</div></div>
  160. ]] ) end write( [[
  162. <script type="text/javascript"><!--
  163. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  164. document.write('<div id="pr2"></div>');
  165. --></script>
  167. <noscript>
  168. ]] )
  169. img = '<img src="resources/blank.gif">'
  170. i = index + 1
  171. if i > numImages then i = 1 end
  172. if model.nonCSS.clickBehaviour == "advance" then
  173. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  174. elseif model.nonCSS.clickBehaviour == "url" then
  175. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  176. end
  177. write( [[
  179. <div id="pr1">]] )write( img )write( [[</div>
  180. </noscript>
  182. ]] ) --[[ Include the page footer]] write( [[
  183. </body>
  184. </html>
  185. ]] )