Chapter 8, Building Websites with ExpressionEngine

{assign_variable:gallery_name="toastphotos"} {assign_variable:my_template_group="toastgallery"} {assign_variable:my_site_wide_templates="toast"} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Toast for Sale: Toast Gallery - {exp:gallery:entries gallery="{gallery_name}" log_views="off"}{category} - {title}{/exp:gallery:entries}</title> <link rel='stylesheet' type='text/css' media='all' href='{path={my_site_wide_templates}/toast_css}' /> <style type='text/css' media='screen'>@import "{path={my_site_wide_templates}/toast_css}";</style> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> </head> <body> <div id="header"> <h1>Toast for Sale!</h1> <h2>{exp:gallery:entries gallery="{gallery_name}" log_views="off"}{title}{/exp:gallery:entries}</h2> </div> <div id="content"> <h3><a href="{path=toastgallery}">Toast Gallery</a> <b>›</b> {exp:gallery:entries gallery="{gallery_name}" limit="1" log_views="off"}<a href="{category_path=toastgallery/browse}">{category}</a> <b>›</b> {title}{/exp:gallery:entries}</h3> {exp:gallery:entries gallery="{gallery_name}"} <div align="center"> <a href="{image_url}"><img src="{medium_url}" border="0" title="{title}" /></a> <br /> <span font-weight="bold" class="footnote">{exp:gallery:prev_entry gallery="{gallery_name}"}<a href="{path=toastgallery/photo}">‹ Previous Image</a> {/exp:gallery:prev_entry}{exp:gallery:next_entry gallery="{gallery_name}"} <a href="{path=toastgallery/photo}">Next Image ›</a>{/exp:gallery:next_entry}</span> </div> <br /> <div class="contentinner"> {caption} </div> <p class="footnote">This image has been viewed {views} {if views == 1}time{/if}{if views != 1}times{/if}. Click on the image to view the full-size.</p> {if allow_comments} <h3>Comments ({total_comments})</h3> {if total_comments==0} <div class="contentinner"> No comments have been submitted yet </div> {/if} {if total_comments > 0} {exp:gallery:comments} <div class="contentinner"> {comment} </div> <p class="footnote">Posted by {name} on {comment_date format='%m/%d'} at {comment_date format='%h:%i %A'}</p> {/exp:gallery:comments} {/if} {exp:gallery:comment_preview} {if comment} <h3>Preview Comment</h3> <div class="contentinner"> {comment} </div> {/if} {/exp:gallery:comment_preview} <h3>Add Your Comment</h3> {exp:gallery:comment_form preview="toastgallery/photo"} {if logged_out} <p> Name:<br /> <input type="text" name="name" value="{name}" size="50" /> </p> <p> Email:<br /> <input type="text" name="email" value="{email}" size="50" /> </p> {/if} <p> <textarea name="comment" cols="50" rows="12">{comment}</textarea> </p> {if logged_out} <p><input type="checkbox" name="save_info" value="yes" {save_info} /> Remember my personal information</p> {/if} <p><input type="checkbox" name="notify_me" value="yes" {notify_me} /> Notify me of follow-up comments?</p> {if captcha} <p>Submit the word you see below:</p> <p> {captcha} <br /> <input type="text" name="captcha" value="" size="20" maxlength="20" style="width:140px;" /> </p> {/if} <input type="submit" name="submit" value="Submit" /> <input type="submit" name="preview" value="Preview" /> {/exp:gallery:comment_form} {/if} {/exp:gallery:entries} </div> <div id="menu"> {embed={my_site_wide_templates}/.menu} </div> </body> </html>

leonardmurphy.com

Building Websites with ExpressionEngine 1.6

Chapter 8: Creating a Photo Gallery

Updates/Errata

File Downloads

Template Downloads

toastgallery/index

toastgallery/browse

toastgallery/photo

Relevant Links

Book Chapters

Menu

Buy My Book!