add image rising while mouse over in Collage

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@4898 6c8d7289-2bf4-0310-a012-ef5d649a1542
17 years ago · af8f7b8bba
parent 260553c3a5
commit af8f7b8bba
2 changed files with 26 additions and 4 deletions
--- a/htroot/Collage.html
+++ b/htroot/Collage.html
@ -17,6 +17,24 @@ form dd {
 }
 </style>
 <meta http-equiv="REFRESH" content="#[refresh]#" />
+<script type="text/javascript">
+var CollageLastImageZIndex;
+
+function raise (element)
+{
+  var img = document.getElementById("col" + element);
+
+  CollageLastImageZIndex = img.style.zIndex;
+  img.style.zIndex = 0xffff;
+}
+
+function lower (element)
+{
+  var img = document.getElementById("col" + element);
+
+  img.style.zIndex = CollageLastImageZIndex;
+}
+</script>
 </head>
 <body>
 #(emb)#
@ -49,4 +67,4 @@ document.body.style.background = "#000";
 #%env/templates/footer.template%#
 #(/emb)#
 </body>
-</html>
+</html>
--- a/htroot/Collage.java
+++ b/htroot/Collage.java
@ -101,6 +101,7 @@ public class Collage {
        if (fifoSize > 0) {
            prop.put("imgurl", "1");        
            int c = 0;
+            int yOffset = embed ? 0 : 70;
            for (int i = 0; i < fifoSize; i++) {
             
                yacyURL baseURL = origins[i].baseURL;
@ -111,14 +112,17 @@ public class Collage {
                if ((serverCore.isLocalhost(baseURL.getHost()) || serverCore.isLocalhost(imageURL.getHost())) &&
                    sb.getConfigBool("adminAccountForLocalhost", false)) continue;
                
+                long z = imgZIndex[i];
                prop.put("imgurl_list_" + c + "_url",
                       "<a href=\"" + baseURL.toNormalform(true, false) + "\">"
                       + "<img src=\"" + imageURL.toNormalform(true, false) + "\" "
                       + "style=\""
                       + ((imgWidth[i] == 0 || imgHeight[i] == 0) ? "" : "width:" + imgWidth[i] + "px;height:" + imgHeight[i] + "px;")
-                       + "position:absolute;top:" + imgPosY[i]
+                       + "position:absolute;top:" + (imgPosY[i] + yOffset)
                       + "px;left:" + imgPosX[i]
-                       + "px;z-index:" + imgZIndex[i] + "\""
+                       + "px;z-index:" + z + "\" "
+                       + "id=\"col" + z + "\" "
+                       + "onmouseover=\"raise(" + z + ")\" onmouseout=\"lower(" + z + ")\" "
                       + "title=\"" + baseURL.toNormalform(true, false) + "\">"
                       + "</a><br>");
                c++;
@ -133,4 +137,4 @@ public class Collage {
        prop.put("emb_publicQueueSize", ResultImages.publicQueueHighSize()  + "+" + ResultImages.publicQueueLowSize());
        return prop;
    }
-}
+}