Changeset 4475

Timestamp:

01/17/12 10:47:12 (4 months ago)

Author:

kerry

Message:

aPhotoGrid now has a placeholder state and more flexible styles.

Location:

plugins/apostropheExtraSlotsPlugin/trunk

Files:

• modules/aPhotoGridSlot/templates/_placeholder.php (added)
• modules/aPhotoGridSlot/templates/_three.php (modified) (2 diffs)
• web/css/aExtraSlots.less (modified) (2 diffs)

plugins/apostropheExtraSlotsPlugin/trunk/modules/aPhotoGridSlot/templates/_three.php

@@ -7 +7 @@
   $title = count($items) > 1 ? __('Click For Next Image', null, 'apostrophe') : false;
 ?>
+
+<?php if (!count($items)): ?>
+        <?php include_partial('aPhotoGridSlot/placeholder', array('columns' => 3, 'boxSize' => $options['gridWidth']/3 )) ?>
+<?php endif ?>
 
 
@@ -37 +41 @@
  
  <div class="a-grid-image">
-   <a href="<?php echo $full ?>" rel="lightbox"><img src="<?php echo $thumbnail ?>" /></a>
+   <a href="<?php echo $full ?>" class="light-box"><img src="<?php echo $thumbnail ?>" /></a>
    <?php /* ?> 
    $item->title

plugins/apostropheExtraSlotsPlugin/trunk/web/css/aExtraSlots.less

@@ -221 +221 @@
 .a-slot.aPhotoGrid
 {
+  .a-photogrid-placeholder
+  {
+    display: block;
+    float: left;
+    width: 32.2%;
+    height: 32.2%;
+    margin: 0 1% 1% 0;
+    overflow: hidden;
+    background-color: #eee;
+    
+    .pusher
+    {
+      span
+      {
+       display: block;
+       text-align: center;
+       width:95%;
+       float: left;
+       margin: 47% 0;        
+      }
+    }
+  }
+  
   .a-grid-image
   {
     float: left;
-    width: 28%;
+    width: 32.3%;
     margin: 0 1% 1% 0;
     &:last-child
@@ -232 +255 @@
     img
     {
+      width: 100%;
       max-width: 100%;
       height: auto;