FEL

FEL

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. <div id="belt">
  74. <%
  75. if model.nonCSS.fittingType == "width" then
  76. fitClass = "fithorizontal"
  77. elseif model.nonCSS.fittingType == "height" then
  78. fitClass = "fitvertical"
  79. else
  80. -- We scale based on the orientation of the photo.
  81. --
  82. -- To do that we need to find a resolution that was actually exported...
  84. image = getImage(index)
  85. if model.nonCSS.images_large.export then
  86. width = image.renditions.large.width
  87. height = image.renditions.large.height
  88. elseif model.nonCSS.images_medium.export then
  89. width = image.renditions.medium.width
  90. height = image.renditions.medium.height
  91. else
  92. width = image.renditions.small.width
  93. height = image.renditions.small.height
  94. end
  96. if width > height then
  97. fitClass = "fithorizontal"
  98. else
  99. fitClass = "fitvertical"
  100. end
  102. end
  103. %>
  104. <div class="beltobjectwrapper <%= fitClass %>"><div class="beltobjectcenterer"><div class="beltobject"><img src="<%= folder .. "/" .. image.exportFilename %>.jpg"></div></div></div>
  105. </div>
  106. </div>
  107. <% if model.nonCSS.displayIdentityPlate then
  108. if #model.nonCSS.identityPlateLink > 0 then %>
  109. <div id="logo"><a href="<%= model.nonCSS.identityPlateLink %>"><img src="$theRoot/resources/logo.png" alt=""></a></div>
  110. <% else %>
  111. <div id="logo"><img src="$theRoot/resources/logo.png"></div>
  112. <% end %>
  113. <% end %>
  115. <div id="menuwrapper"><div id="menu">
  116. <table cellspacing="0" cellpadding="0" border="0">
  117. <tr>
  118. <td class="menubarleftpadding"></td>
  119. <td>
  120. <ul id="menuitems" class="<%= model.nonCSS.menuitems.layout %>">
  121. <% if model.nonCSS.menuitems.one.included then %><li><a href="<%= model.nonCSS.menuitems.one.url %>"><%= model.nonCSS.menuitems.one.title %></a></li><% end %>
  122. <% if model.nonCSS.menuitems.two.included then %><li><a href="<%= model.nonCSS.menuitems.two.url %>"><%= model.nonCSS.menuitems.two.title %></a></li><% end %>
  123. <% if model.nonCSS.menuitems.three.included then %><li><a href="<%= model.nonCSS.menuitems.three.url %>"><%= model.nonCSS.menuitems.three.title %></a></li><% end %>
  124. <% if model.nonCSS.menuitems.four.included then %><li><a href="<%= model.nonCSS.menuitems.four.url %>"><%= model.nonCSS.menuitems.four.title %></a></li><% end %>
  125. <% if model.nonCSS.menuitems.five.included then %><li><a href="<%= model.nonCSS.menuitems.five.url %>"><%= model.nonCSS.menuitems.five.title %></a></li><% end %>
  126. <% if model.nonCSS.menuitems.six.included then %><li><a href="<%= model.nonCSS.menuitems.six.url %>"><%= model.nonCSS.menuitems.six.title %></a></li><% end %>
  127. </ul>
  128. </td>
  130. <% if model.nonCSS.controlsEnabled then %>
  131. <lr:Pagination>
  132. <lr:PreviousEnabled>
  133. <td class="control">
  134. <div class="controlContainer" id="prevbutton">
  135. <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>
  136. </div>
  137. </td>
  138. <td class="control"></td>
  139. </lr:PreviousEnabled>
  140. <lr:NextEnabled>
  141. <td class="control">
  142. <div class="controlContainer" id="nextbutton">
  143. <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>
  144. </div>
  145. </td>
  146. <td class="menubarrightpadding"></td>
  147. </lr:NextEnabled>
  148. </lr:Pagination>
  149. <% end %>
  150. </tr>
  151. </table>
  152. </div></div>
  154. <% if model.nonCSS.dots.enabled then %>
  155. <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>
  156. <% end %>
  158. <script type="text/javascript"><!--
  159. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  160. document.write('<div id="pr2"></div>');
  161. --></script>
  163. <noscript>
  164. <%
  165. img = '<img src="resources/blank.gif">'
  166. i = index + 1
  167. if i > numImages then i = 1 end
  168. if model.nonCSS.clickBehaviour == "advance" then
  169. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  170. elseif model.nonCSS.clickBehaviour == "url" then
  171. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  172. end
  173. %>
  175. <div id="pr1"><%= img %></div>
  176. </noscript>
  178. <% --[[ Include the page footer]] %>
  179. </body>
  180. </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. <div id="belt">
  74. ]] )
  75. if model.nonCSS.fittingType == "width" then
  76. fitClass = "fithorizontal"
  77. elseif model.nonCSS.fittingType == "height" then
  78. fitClass = "fitvertical"
  79. else
  80. -- We scale based on the orientation of the photo.
  81. --
  82. -- To do that we need to find a resolution that was actually exported...
  84. image = getImage(index)
  85. if model.nonCSS.images_large.export then
  86. width = image.renditions.large.width
  87. height = image.renditions.large.height
  88. elseif model.nonCSS.images_medium.export then
  89. width = image.renditions.medium.width
  90. height = image.renditions.medium.height
  91. else
  92. width = image.renditions.small.width
  93. height = image.renditions.small.height
  94. end
  96. if width > height then
  97. fitClass = "fithorizontal"
  98. else
  99. fitClass = "fitvertical"
  100. end
  102. end
  103. write( [[
  104. <div class="beltobjectwrapper ]] )write( fitClass )write( [["><div class="beltobjectcenterer"><div class="beltobject"><img src="]] )write( folder .. "/" .. image.exportFilename )write( [[.jpg"></div></div></div>
  105. </div>
  106. </div>
  107. ]] ) if model.nonCSS.displayIdentityPlate then
  108. if #model.nonCSS.identityPlateLink > 0 then write( [[
  109. <div id="logo"><a href="]] )write( model.nonCSS.identityPlateLink )write( [["><img src="]] )write( theRoot )write( [[/resources/logo.png" alt=""></a></div>
  110. ]] ) else write( [[
  111. <div id="logo"><img src="]] )write( theRoot )write( [[/resources/logo.png"></div>
  112. ]] ) end write( [[
  113. ]] ) end write( [[
  115. <div id="menuwrapper"><div id="menu">
  116. <table cellspacing="0" cellpadding="0" border="0">
  117. <tr>
  118. <td class="menubarleftpadding"></td>
  119. <td>
  120. <ul id="menuitems" class="]] )write( model.nonCSS.menuitems.layout )write( [[">
  121. ]] ) 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( [[
  122. ]] ) 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( [[
  123. ]] ) 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( [[
  124. ]] ) 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( [[
  125. ]] ) 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( [[
  126. ]] ) 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( [[
  127. </ul>
  128. </td>
  130. ]] ) if model.nonCSS.controlsEnabled then write( [[
  131. ]] ) do local LrPaginationEntries = {}
  132. local oldWrite = write
  133. write = function( w )
  134. table.insert( LrPaginationEntries, function() oldWrite( w ) end )
  135. end
  136. write( [[
  137. ]] )LrPaginationEntries.PreviousEnabled = function( page, link ) write( [[
  138. <td class="control">
  139. <div class="controlContainer" id="prevbutton">
  140. <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>
  141. </div>
  142. </td>
  143. <td class="control"></td>
  144. ]] )end table.insert( LrPaginationEntries, 'Previous' ) write( [[
  145. ]] )LrPaginationEntries.NextEnabled = function( page, link ) write( [[
  146. <td class="control">
  147. <div class="controlContainer" id="nextbutton">
  148. <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>
  149. </div>
  150. </td>
  151. <td class="menubarrightpadding"></td>
  152. ]] )end table.insert( LrPaginationEntries, 'Next' ) write( [[
  153. ]] )write = oldWrite LrTagFuncs.PaginationFunc( _G, LrPaginationEntries ) end write( [[
  154. ]] ) end write( [[
  155. </tr>
  156. </table>
  157. </div></div>
  159. ]] ) if model.nonCSS.dots.enabled then write( [[
  160. <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>
  161. ]] ) end write( [[
  163. <script type="text/javascript"><!--
  164. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  165. document.write('<div id="pr2"></div>');
  166. --></script>
  168. <noscript>
  169. ]] )
  170. img = '<img src="resources/blank.gif">'
  171. i = index + 1
  172. if i > numImages then i = 1 end
  173. if model.nonCSS.clickBehaviour == "advance" then
  174. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  175. elseif model.nonCSS.clickBehaviour == "url" then
  176. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  177. end
  178. write( [[
  180. <div id="pr1">]] )write( img )write( [[</div>
  181. </noscript>
  183. ]] ) --[[ Include the page footer]] write( [[
  184. </body>
  185. </html>
  186. ]] )