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
This commit is contained in:
Olivier Lamy 2011-10-17 15:34:32 +00:00
parent 98851e4d5b
commit 190bf89c19
2 changed files with 18 additions and 11 deletions

View File

@ -478,6 +478,13 @@
'speedOut' : 200, 'speedOut' : 200,
'overlayShow' : true 'overlayShow' : true
}); });
$("a.gallery_image").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true
});
}); });
</script> </script>
#foreach( $author in $authors ) #foreach( $author in $authors )

View File

@ -52,25 +52,25 @@ table.bodyTable tr.b {
<table> <table>
<tr> <tr>
<td> <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/> <img src="../images/tour/project.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
1. Project Information 1. Project Information
</a> </a>
</td> </td>
<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/> <img src="../images/tour/search.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
2. Artifact Search 2. Artifact Search
</a> </a>
</td> </td>
<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/> <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 3. Remote Proxying Cache
</a> </a>
</td> </td>
<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/> <img src="../images/tour/upload.png" width="150" height="93" style="border: 1px solid silver; margin-bottom: 0.25em" alt="" /><br/>
4. Artifact Upload 4. Artifact Upload
</a> </a>
@ -78,25 +78,25 @@ table.bodyTable tr.b {
</tr> </tr>
<tr> <tr>
<td> <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/> <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 5. Graphical Administration
</a> </a>
</td> </td>
<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/> <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 6. Virtual Repositories
</a> </a>
</td> </td>
<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/> <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 7. RSS Feeds
</a> </a>
</td> </td>
<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/> <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 8. Role-based Security
</a> </a>
@ -104,19 +104,19 @@ table.bodyTable tr.b {
</tr> </tr>
<tr> <tr>
<td> <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/> <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 9. Integrity Reports
</a> </a>
</td> </td>
<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/> <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 10. Audit Log Report
</a> </a>
</td> </td>
<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/> <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 11. Maintenance
</a> </a>