site tweaks

diff --git a/Toolkit/RotatingImages/AnchorDecorator.php b/Toolkit/RotatingImages/AnchorDecorator.php
index 64a5cc6..a20442d 100644 (file)
--- a/Toolkit/RotatingImages/AnchorDecorator.php
+++ b/Toolkit/RotatingImages/AnchorDecorator.php
@@ -77,7 +77,7 @@ class Toolkit_RotatingImages_AnchorDecorator
                        ROTATING_IMAGE_RESIZED . $this->node->getSrc()
                );
 
-               $anchorFormat = '<a href="%s" target="%s">%s</a>';
+               $anchorFormat = '<li><a href="%s" target="%s">%s</a></li>';
                return sprintf(
                        $anchorFormat,
                        $this->node->getHref(),

diff --git a/Toolkit/RotatingImages/ImageDecorator.php b/Toolkit/RotatingImages/ImageDecorator.php
index d694477..6241740 100644 (file)
--- a/Toolkit/RotatingImages/ImageDecorator.php
+++ b/Toolkit/RotatingImages/ImageDecorator.php
@@ -67,7 +67,7 @@ class Toolkit_RotatingImages_ImageDecorator
                $properties
                        = $is->getImageSize(ROTATING_IMAGE_RESIZED . $this->node->getSrc());
 
-               $format = '<img alt="%s" title="%s" width="%s" height="%s" src="%s">';
+               $format = '<li><img alt="%s" title="%s" width="%s" height="%s" src="%s"></li>';
                return sprintf(
                        $format,
                        $this->node->getAlt(),

diff --git a/Toolkit/RotatingImages/LiveDecorator.php b/Toolkit/RotatingImages/LiveDecorator.php
index f13956c..f8f816b 100644 (file)
--- a/Toolkit/RotatingImages/LiveDecorator.php
+++ b/Toolkit/RotatingImages/LiveDecorator.php
@@ -147,9 +147,9 @@ class Toolkit_RotatingImages_LiveDecorator
 
                if (!empty($images)) {
                        $ret  = '<div id="rotatingImagesLive">';
-                       $ret .= "    <div id=\"images\">$images</div>";
-                       $ret .= '    <span id="if-prev">&lt; Prev</span> &#124; ';
-                       $ret .= '    <span id="if-next">Next &gt;</span>';
+                       $ret .=         '<div id="rotating">';
+                       $ret .=                 "<ul id=\"slideshow\">$images</ul>";
+                       $ret .=         '</div>';
                        $ret .= '</div>';
 
                        return $ret;
@@ -177,12 +177,10 @@ class Toolkit_RotatingImages_LiveDecorator
 
                $js  = "<script type=\"text/javascript\">\n";
                $js .= "$(document).ready(function() {\n";
-               $js .= "        $('#rotatingImagesLive #images').cycle({\n";
+               $js .= "        $('#rotatingImagesLive #slideshow').cycle({\n";
                $js .= "                timeout: {$row['jstimeout']},\n";
-               $js .= "                height: '300px',\n";
+               $js .= "                height: '253',\n";
                $js .= "                fx: '{$row['transition']}',\n";
-               $js .= "                prev: '#if-prev',\n";
-               $js .= "                next: '#if-next'\n";
                $js .= "        });\n";
                $js .= "});\n";
                $js .= "</script>";

diff --git a/Toolkit/RotatingImages/templates/instructions.html b/Toolkit/RotatingImages/templates/instructions.html
index ec576c2..6d5fd58 100644 (file)
--- a/Toolkit/RotatingImages/templates/instructions.html
+++ b/Toolkit/RotatingImages/templates/instructions.html
@@ -1,7 +1,7 @@
 <div id="instructions">
 <b>Instructions</b><br>
 Recommended image size is<br>
-Width:  580 pixels<br>
-Height: 303 pixels
+Width:  545 pixels<br>
+Height: 253 pixels
 </div>
 <h2>Slideshow Settings</h2>