FEHLER

FEHLER

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