Changeset 557 for trunk/plog-content/themes/default/album.php

Timestamp:

07/14/08 22:15:37 (4 years ago)

Author:

kimparsell

Message:

All themes:
+ All pages validate XHTML Strict (ticket #166 -  http://dev.plogger.org/ticket/166)
+ Stylesheet validates to CSS level 2.1
+ Changed code for action= in comments form tag (original code would not validate due to the ampersand (&) in the url not being shown as & in the code)
+ Added alt tag for large image in picture.php per ticket #171 ( http://dev.plogger.org/ticket/171)
+ Added actions class to stylesheets for moderation message
+ Removed generate_slideshow_interface function from slideshow.php (now in plog-functions.php)
+ Reworked markup to conform to new theme code requirements
+ Cleaned up markup
Air theme - Added function to comments.php, if comments are moderated, to show moderation message
Lucid theme:
+ Added function to comments.php, if comments are moderated, to show moderation message
+ Cleaned up markup
+ Hyperlinked collection and album names per ticket #172 ( http://dev.plogger.org/ticket/172)
Default theme:
+ Confirmed fix in place to resolve ticket #163 ( http://dev.plogger.org/ticket/163)
+ Reorganized/commented gallery.css
+ Cleaned up markup
plog-functions.php:
+ Function added to provide meta-tags with keywords and descriptions using collection name/description, album name/description, image caption/description (default keyword is gallery name, default description is "This is my Plogger gallery" and can be changed by end user) (original code by sidetheduck in  http://plogger.org/forum/discussion/1954/how-to-get-dynamic-contents/#Item_9) (requested in per ticket #172 ( http://dev.plogger.org/ticket/172)
+ Added generate_slideshow_interface function (previously in slideshow.php in each theme)

File:

• trunk/plog-content/themes/default/album.php (modified) (1 diff)

trunk/plog-content/themes/default/album.php

@@ -1 @@
-<?php
-plogger_get_header();
-print '<div id="thumbnail_container">';
-if (plogger_has_pictures()) {
-        print '<div id="overlay">&nbsp;</div>';
-        print '<ul class="slides">';
-        
-        while(plogger_has_pictures()) {
-                
-                plogger_load_picture();
+<?php plogger_get_header(); ?>
 
+                <div id="thumbnail_container">
+
+<?php if (plogger_has_pictures()) : ?>
+                        <div id="overlay">&nbsp;</div>
+                        <ul class="slides">
+<?php while(plogger_has_pictures()) : ?>
+<?php plogger_load_picture();
                 // display thumbnails within album
                 // generate XHTML with thumbnail and link to picture view.
+                // find thumbnail width
+                $thumb_info = plogger_get_thumbnail_info();
+                $thumb_width = $thumb_info[0]; // The width of the image. It is integer data type.
+                $thumb_height = $thumb_info[1]; // The height of the image. It is an integer data type.
+                $div_width = $thumb_width + 20; // account for padding/border width
+                $div_height = $thumb_height + 65; // account for padding/border width
+                $picture_caption = plogger_get_picture_caption();
+                $img_id = "thumb-".plogger_get_picture_id();
+                $imgtag = '<img id="' . $img_id . '" onmouseout="document.getElementById(\'overlay\').style.visibility = \'hidden\';" onmouseover="display_overlay(\''.$img_id.'\', \''.plogger_picture_comment_count().'\')" class="photos" src="'.plogger_get_picture_thumb().'" width="'.$thumb_width.'px" height="'.$thumb_height.'px" title="'.$picture_caption.'" alt="'.$picture_caption.'" />';
+?>
+                                <li class="thumbnail">
+                                        <div style="width: <?php echo $div_width; ?>px; height: <?php echo $div_height; ?>px;" class="tag">
+                                                <a href="<?php echo plogger_get_picture_url(); ?>"><?php echo $imgtag; ?></a><br />
+                                                <span><?php echo $picture_caption; ?> <?php echo plogger_download_checkbox(plogger_get_picture_id()); ?></span>
+                                        </div><!-- /tag -->
+                                </li><!-- /thumbnail -->
+<?php endwhile; ?>
+                        </ul><!-- /slides -->
+<?php else : ?>
+                        <p id="no-pictures-msg"><?php echo plog_tr('There are no pictures in this album')?>.</p>
 
-                $capt = plogger_get_picture_caption();
-                $img_id = "thumb-".plogger_get_picture_id();
-                $imgtag = '<img id="' . $img_id 
-                . '" onmouseout="document.getElementById(\'overlay\').style.visibility = \'hidden\';" 
-                onmouseover="display_overlay(\''.$img_id.'\', \''.plogger_picture_comment_count().'\')" class="photos" 
-                src="'.plogger_get_picture_thumb().'" title="'.$capt.'" alt="'.$capt.'" />';
-        
-                print '<li class="thumbnail"><div class="tag"><a href="' . plogger_get_picture_url() . '">' . $imgtag . "</a><br />";
-                                                        
-                print plogger_download_checkbox(plogger_get_picture_id());
-                                
-                print '</div></li>';
-        }
-        
-        
-        print '</ul>';
-}
-else{
-        print '<div id="no-pictures-msg">' . plog_tr('There are no pictures in this album') . '.</div>';
-}
+<?php endif; ?>
+                </div><!-- /thumbnail container -->
 
-print '</div>';
-plogger_get_footer();
-?>
+<?php plogger_get_footer(); ?>