FOUT

FOUT

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. <!-- If we've have script support we need to make some style changes -->
  32. <!-- for redirecting when loaded out of frame and coloring selected menu-item -->
  33. <script language="JavaScript" type="text/javascript" src="../../../framePages.js"><!--
  34. //--></script>
  35. <style type="text/css">
  36. #prevbutton1 { border-color: #000000 #FFFFFF #000000 #000000 }
  37. #prevbutton2 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  38. #nextbutton1 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  39. #nextbutton2 { border-color: #000000 #000000 #000000 #FFFFFF }
  40. #playbutton1 { border-color: #000000 #000000 #000000 #FFFFFF }
  41. #playbutton2 { border-color: #FFFFFF }
  42. #pausebutton1 { border-color: #FFFFFF }
  43. #playbutton1 { border-color: <%= model.nonCSS.playbutton1borderColor %> }
  44. #playbutton2 { border-color: <%= model.nonCSS.playbutton2borderColor %> }
  45. #nextbutton1 { border-color: <%= model.nonCSS.nextbutton1borderColor %> }
  46. #nextbutton2 { border-color: <%= model.nonCSS.nextbutton2borderColor %> }
  47. #prevbutton1 { border-color: <%= model.nonCSS.prevbutton1borderColor %> }
  48. #prevbutton2 { border-color: <%= model.nonCSS.prevbutton2borderColor %> }
  49. #pausebutton1 { border-color: <%= model.nonCSS.pausebuttonBorderColor %> }
  50. </style>
  51. <!--[if lt IE 7]>
  52. <% if mode ~= 'preview' then %>
  53. <link href="$theRoot/pngfix.css" media="screen" rel="stylesheet" type="text/css" />
  54. <% end %>
  55. <![endif]-->
  56. </head>
  57. <body>
  58. <div style="margin-top:0px; top:0px; bottom:0px; left:0px; right:0px; max-height:125px; background-image:url(../../../images/bovenback1px.jpg); background-repeat:repeat-x; position:fixed; margin-top:0; ">
  59. <img src="../../../images/bovenback2.jpg" align="right"/></div>
  60. <%
  61. local loadingdots='<div class="loading">'
  62. local n
  63. for n = 1, model.nonCSS.loadingdots.number do
  64. loadingdots = loadingdots .. "<span>·</span>"
  65. end
  66. loadingdots = loadingdots .. "</div>"
  67. %>
  68. <div id="beltcontainer">
  69. <%
  70. if model.nonCSS.fittingType == "width" then
  71. fitClass = "fithorizontal"
  72. elseif model.nonCSS.fittingType == "height" then
  73. fitClass = "fitvertical"
  74. else
  75. -- We scale based on the orientation of the photo.
  76. --
  77. -- To do that we need to find a resolution that was actually exported...
  78. image = getImage(index)
  79. if model.nonCSS.images_large.export then
  80. width = image.renditions.large.width
  81. height = image.renditions.large.height
  82. elseif model.nonCSS.images_medium.export then
  83. width = image.renditions.medium.width
  84. height = image.renditions.medium.height
  85. else
  86. width = image.renditions.small.width
  87. height = image.renditions.small.height
  88. end
  89. if width > height then
  90. fitClass = "fithorizontal"
  91. else
  92. fitClass = "fitvertical"
  93. end
  94. end
  95. local desc = '<div class="descriptionWrapperWrapper"><div class="descriptionWrapper">'
  96. if image.metadata.description and #image.metadata.description > 0 then
  97. someInfo = true
  98. desc = desc .. '<div class="description">' .. image.metadata.description .. '</div>'
  99. end
  100. desc = desc .. '</div></div>'
  101. %>
  102. <div class="beltobjectwrapper <%= fitClass %>">$desc<div class="beltobjectcenterer"><div class="beltobject"><img src="<%= folder .. "/" .. image.exportFilename %>.jpg" alt="$image.metadata.seoAltText"></div></div></div>
  103. </div>
  104. <% if model.nonCSS.displayIdentityPlate then
  105. if #model.nonCSS.identityPlateLink > 0 then %>
  106. <div id="logo"><a href="<%= model.nonCSS.identityPlateLink %>"><img src="$theRoot/resources/logo.png" alt=""></a></div>
  107. <% else %>
  108. <div id="logo"><img src="$theRoot/resources/logo.png"></div>
  109. <% end %>
  110. <% end %>
  111. <div id="menuwrapper"><div id="menu">
  112. <table cellspacing="0" cellpadding="0" border="0">
  113. <tr>
  114. <td class="menubarleftpadding"></td>
  115. <td>
  116. <ul id="menuitems" class="<%= model.nonCSS.menuitems.layout %>">
  117. <% if model.nonCSS.menuitems.one.included then %><li><a href="<%= model.nonCSS.menuitems.one.url %>"><%= model.nonCSS.menuitems.one.title %></a></li><% end %>
  118. <% if model.nonCSS.menuitems.two.included then %><li><a href="<%= model.nonCSS.menuitems.two.url %>"><%= model.nonCSS.menuitems.two.title %></a></li><% end %>
  119. <% if model.nonCSS.menuitems.three.included then %><li><a href="<%= model.nonCSS.menuitems.three.url %>"><%= model.nonCSS.menuitems.three.title %></a></li><% end %>
  120. <% if model.nonCSS.menuitems.four.included then %><li><a href="<%= model.nonCSS.menuitems.four.url %>"><%= model.nonCSS.menuitems.four.title %></a></li><% end %>
  121. <% if model.nonCSS.menuitems.five.included then %><li><a href="<%= model.nonCSS.menuitems.five.url %>"><%= model.nonCSS.menuitems.five.title %></a></li><% end %>
  122. <% if model.nonCSS.menuitems.six.included then %><li><a href="<%= model.nonCSS.menuitems.six.url %>"><%= model.nonCSS.menuitems.six.title %></a></li><% end %>
  123. </ul>
  124. </td>
  125. <% if model.nonCSS.controlsEnabled then %>
  126. <lr:Pagination>
  127. <lr:PreviousEnabled>
  128. <td class="control">
  129. <div class="controlContainer" id="prevbutton">
  130. <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>
  131. </div>
  132. </td>
  133. <td class="control"></td>
  134. </lr:PreviousEnabled>
  135. <lr:NextEnabled>
  136. <td class="control">
  137. <div class="controlContainer" id="nextbutton">
  138. <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>
  139. </div>
  140. </td>
  141. <td class="menubarrightpadding"></td>
  142. </lr:NextEnabled>
  143. </lr:Pagination>
  144. <% end %>
  145. </tr>
  146. </table>
  147. </div></div>
  148. <% if model.nonCSS.dots.enabled then %>
  149. <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>
  150. <% end %>
  151. <script type="text/javascript"><!--
  152. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  153. document.write('<div id="pr2"></div>');
  154. --></script>
  155. <noscript>
  156. <%
  157. img = '<img src="resources/blank.gif">'
  158. i = index + 1
  159. if i > numImages then i = 1 end
  160. if model.nonCSS.clickBehaviour == "advance" then
  161. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  162. elseif model.nonCSS.clickBehaviour == "url" then
  163. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  164. end
  165. %>
  166. <div id="pr1"><%= img %></div>
  167. </noscript>
  168. <% --[[ Include the page footer]] %>
  169. </body>
  170. </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. <!-- If we've have script support we need to make some style changes -->
  31. <!-- for redirecting when loaded out of frame and coloring selected menu-item -->
  32. <script language="JavaScript" type="text/javascript" src="../../../framePages.js"><!--
  33. //--></script>
  34. <style type="text/css">
  35. #prevbutton1 { border-color: #000000 #FFFFFF #000000 #000000 }
  36. #prevbutton2 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  37. #nextbutton1 { border-color: #FFFFFF #000000 #FFFFFF #000000 }
  38. #nextbutton2 { border-color: #000000 #000000 #000000 #FFFFFF }
  39. #playbutton1 { border-color: #000000 #000000 #000000 #FFFFFF }
  40. #playbutton2 { border-color: #FFFFFF }
  41. #pausebutton1 { border-color: #FFFFFF }
  42. #playbutton1 { border-color: ]] )write( model.nonCSS.playbutton1borderColor )write( [[ }
  43. #playbutton2 { border-color: ]] )write( model.nonCSS.playbutton2borderColor )write( [[ }
  44. #nextbutton1 { border-color: ]] )write( model.nonCSS.nextbutton1borderColor )write( [[ }
  45. #nextbutton2 { border-color: ]] )write( model.nonCSS.nextbutton2borderColor )write( [[ }
  46. #prevbutton1 { border-color: ]] )write( model.nonCSS.prevbutton1borderColor )write( [[ }
  47. #prevbutton2 { border-color: ]] )write( model.nonCSS.prevbutton2borderColor )write( [[ }
  48. #pausebutton1 { border-color: ]] )write( model.nonCSS.pausebuttonBorderColor )write( [[ }
  49. </style>
  50. <!--]] .. "[" .. [[if lt IE 7]] .. "]" .. [[>
  51. ]] ) if mode ~= 'preview' then write( [[
  52. <link href="]] )write( theRoot )write( [[/pngfix.css" media="screen" rel="stylesheet" type="text/css" />
  53. ]] ) end write( [[
  54. <!]] .. "[" .. [[endif]] .. "]" .. [[-->
  55. </head>
  56. <body>
  57. <div style="margin-top:0px; top:0px; bottom:0px; left:0px; right:0px; max-height:125px; background-image:url(../../../images/bovenback1px.jpg); background-repeat:repeat-x; position:fixed; margin-top:0; ">
  58. <img src="../../../images/bovenback2.jpg" align="right"/></div>
  59. ]] )
  60. local loadingdots='<div class="loading">'
  61. local n
  62. for n = 1, model.nonCSS.loadingdots.number do
  63. loadingdots = loadingdots .. "<span>·</span>"
  64. end
  65. loadingdots = loadingdots .. "</div>"
  66. write( [[
  67. <div id="beltcontainer">
  68. ]] )
  69. if model.nonCSS.fittingType == "width" then
  70. fitClass = "fithorizontal"
  71. elseif model.nonCSS.fittingType == "height" then
  72. fitClass = "fitvertical"
  73. else
  74. -- We scale based on the orientation of the photo.
  75. --
  76. -- To do that we need to find a resolution that was actually exported...
  77. image = getImage(index)
  78. if model.nonCSS.images_large.export then
  79. width = image.renditions.large.width
  80. height = image.renditions.large.height
  81. elseif model.nonCSS.images_medium.export then
  82. width = image.renditions.medium.width
  83. height = image.renditions.medium.height
  84. else
  85. width = image.renditions.small.width
  86. height = image.renditions.small.height
  87. end
  88. if width > height then
  89. fitClass = "fithorizontal"
  90. else
  91. fitClass = "fitvertical"
  92. end
  93. end
  94. local desc = '<div class="descriptionWrapperWrapper"><div class="descriptionWrapper">'
  95. if image.metadata.description and #image.metadata.description > 0 then
  96. someInfo = true
  97. desc = desc .. '<div class="description">' .. image.metadata.description .. '</div>'
  98. end
  99. desc = desc .. '</div></div>'
  100. write( [[
  101. <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>
  102. </div>
  103. ]] ) if model.nonCSS.displayIdentityPlate then
  104. if #model.nonCSS.identityPlateLink > 0 then write( [[
  105. <div id="logo"><a href="]] )write( model.nonCSS.identityPlateLink )write( [["><img src="]] )write( theRoot )write( [[/resources/logo.png" alt=""></a></div>
  106. ]] ) else write( [[
  107. <div id="logo"><img src="]] )write( theRoot )write( [[/resources/logo.png"></div>
  108. ]] ) end write( [[
  109. ]] ) end write( [[
  110. <div id="menuwrapper"><div id="menu">
  111. <table cellspacing="0" cellpadding="0" border="0">
  112. <tr>
  113. <td class="menubarleftpadding"></td>
  114. <td>
  115. <ul id="menuitems" class="]] )write( model.nonCSS.menuitems.layout )write( [[">
  116. ]] ) 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( [[
  117. ]] ) 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( [[
  118. ]] ) 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( [[
  119. ]] ) 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( [[
  120. ]] ) 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( [[
  121. ]] ) 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( [[
  122. </ul>
  123. </td>
  124. ]] ) if model.nonCSS.controlsEnabled then write( [[
  125. ]] ) do local LrPaginationEntries = {}
  126. local oldWrite = write
  127. write = function( w )
  128. table.insert( LrPaginationEntries, function() oldWrite( w ) end )
  129. end
  130. write( [[
  131. ]] )LrPaginationEntries.PreviousEnabled = function( page, link ) write( [[
  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="]] )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>
  135. </div>
  136. </td>
  137. <td class="control"></td>
  138. ]] )end table.insert( LrPaginationEntries, 'Previous' ) write( [[
  139. ]] )LrPaginationEntries.NextEnabled = function( page, link ) write( [[
  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="]] )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>
  143. </div>
  144. </td>
  145. <td class="menubarrightpadding"></td>
  146. ]] )end table.insert( LrPaginationEntries, 'Next' ) write( [[
  147. ]] )write = oldWrite LrTagFuncs.PaginationFunc( _G, LrPaginationEntries ) end write( [[
  148. ]] ) end write( [[
  149. </tr>
  150. </table>
  151. </div></div>
  152. ]] ) if model.nonCSS.dots.enabled then write( [[
  153. <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>
  154. ]] ) end write( [[
  155. <script type="text/javascript"><!--
  156. document.write('<div id="pr1"><img src="resources/blank.gif"></div>');
  157. document.write('<div id="pr2"></div>');
  158. --></script>
  159. <noscript>
  160. ]] )
  161. img = '<img src="resources/blank.gif">'
  162. i = index + 1
  163. if i > numImages then i = 1 end
  164. if model.nonCSS.clickBehaviour == "advance" then
  165. img = '<a href="' .. getImage(i).exportFilename .. '.html">' .. img .. '</a>'
  166. elseif model.nonCSS.clickBehaviour == "url" then
  167. img = '<a href="' .. model.nonCSS.clickURL .. '">' .. img .. '</a>'
  168. end
  169. write( [[
  170. <div id="pr1">]] )write( img )write( [[</div>
  171. </noscript>
  172. ]] ) --[[ Include the page footer]] write( [[
  173. </body>
  174. </html>
  175. ]] )