use a gallery for features tour: use mouse wheel :-)

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1185260 13f79535-47bb-0310-9956-ffa450edef68

diff --git a/archiva-docs/src/maven-site.vm b/archiva-docs/src/maven-site.vm
index 2ceed7a97d1ebd8044bed5506af5336f38f3dbba..68afefd1eb9d97231625c923e9cd810f7020853e 100644 (file)
--- a/archiva-docs/src/maven-site.vm
+++ b/archiva-docs/src/maven-site.vm
@@ -478,6 +478,13 @@
         'speedOut'             :       200,
         'overlayShow'  :       true
       });
+        $("a.gallery_image").fancybox({
+          'transitionIn'       :       'elastic',
+          'transitionOut'      :       'elastic',
+          'speedIn'            :       600,
+          'speedOut'           :       200,
+          'overlayShow'        :       true
+        });
     });
     </script>
 #foreach( $author in $authors )

diff --git a/archiva-docs/src/site/xdoc/tour/index.xml b/archiva-docs/src/site/xdoc/tour/index.xml
index 1942123e4c367dd16f44f149cdd81248bf769519..5e6414785b683f99c81efbc6493b2c3c151c968b 100644 (file)
--- a/archiva-docs/src/site/xdoc/tour/index.xml
+++ b/archiva-docs/src/site/xdoc/tour/index.xml
@@ -52,25 +52,25 @@ table.bodyTable tr.b {
       <table>
         <tr>
           <td>
-            <a href="project.html">
+            <a href="../images/tour/project.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/project.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
               1. Project Information
             </a>
           </td>
           <td>
-            <a href="search.html">
+            <a href="../images/tour/search.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/search.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
               2. Artifact Search
             </a>
           </td>
           <td>
-            <a href="proxy.html">
+            <a href="../images/tour/proxy.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/proxy.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
                3. Remote Proxying Cache
             </a>
           </td>
           <td>
-            <a href="upload.html">
+            <a href="../images/tour/upload.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/upload.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
                4. Artifact Upload
             </a>
@@ -78,25 +78,25 @@ table.bodyTable tr.b {
         </tr>
         <tr>
           <td>
-            <a href="admin.html">
+            <a href="../images/tour/admin.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/admin.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               5. Graphical Administration
             </a>
           </td>
           <td>
-            <a href="virtual-repos.html">
+            <a href="../images/tour/virtual-repos.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/virtual-repos.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               6. Virtual Repositories
             </a>
           </td>
           <td>
-            <a href="rss.html">
+            <a href="../images/tour/rss.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/rss.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               7. RSS Feeds
             </a>
           </td>
           <td>
-            <a href="../adminguide/security.html">
+            <a href="../images/tour/security.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/security.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               8. Role-based Security
             </a>
@@ -104,19 +104,19 @@ table.bodyTable tr.b {
         </tr>
         <tr>             
           <td>
-            <a href="reports.html">
+            <a href="../images/tour/reports.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/reports.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               9. Integrity Reports
             </a>
           </td>
           <td>
-            <a href="audit-log.html">
+            <a href="../images/tour/audit-log.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/audit-log.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               10. Audit Log Report
             </a>
           </td>
           <td>
-            <a href="maintenance.html">
+            <a href="../images/tour/maintenance.png" class="gallery_image" rel="gallery_image">
               <img src="../images/tour/maintenance.png" width="150" height="93" style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" alt="" /><br/>
               11. Maintenance
             </a>