Adobe 65007312 - Photoshop Lightroom Programmer's Manual page 200

C 11: Web Gallery Plug-ins: A Tutorial Example
HAPTER
Add link functionality
3. In the
page corresponding to the thumbnail in that cell:
<lr:GridPhotoCell>
<a href="$others/<%= image.exportFilename %>_large.html">
<img src="$others/bin/images/thumb/<%= image.exportFilename %>.jpg"
</a>
</lr:GridPhotoCell>
Notice that the reference to the filename includes the appended text,
Define the large-image frame template
4. Create the new HTML template page,
similar to the
and there is an
Use the common header and footer code, and define local variables:
<%
--[[ Define some variables to make locating other resources easier.]]
local image = getImage( index )
local theRoot = ".."
local others = "."
local mySize = "large"
%>
<% --[[ Include the page header]] %>
<%@ include file="header.html" %>
<% --[[ ...add pagination logic...]] %>
<% --[[ ...add image-display link...]] %>
<% --[[ Include the page footer]] %>
<%@ include file="footer.html" %>
5. Add this pagination code after the include-header section. This version includes an Index option
which takes the site back to the grid page:
<div>
<ul>
template, add a link in each photo cell of the grid that retrieves the large-version
grid.html
id="<%= image.imageID %>" class="thumb" />
page, except that it declares the use of large images, rather than thumbnails,
grid.html
function that retrieves the single image to be shown.
image
<lr:Pagination>
<lr:PreviousEnabled>
<li><a href="$link">Previous</a></li>
</lr:PreviousEnabled>
<lr:PreviousDisabled>
<li>Previous</li>
</lr:PreviousDisabled>
<li><a href="$gridPageLink">Index</a></li>
<lr:NextEnabled>
<li><a href="$link">Next</a></li>
</lr:NextEnabled>
<lr:NextDisabled>
<li>Next</li>
, in the top-level plug-in folder. The new page is
large.html
Defining a data model and functionality 200
.
"_large"