diff options
Diffstat (limited to 'sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html')
| -rw-r--r-- | sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html b/sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html new file mode 100644 index 0000000000..f6566e88ec --- /dev/null +++ b/sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html @@ -0,0 +1,135 @@ +<!-- + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. +--> +<html> +<head> +<title>Photo Gallery</title> + +<link href="styles.css" rel="stylesheet"> + +<script type="text/javascript" src="gallery.js"></script> +<script language="JavaScript"> + + //@Reference + var album = new Reference("album"); + + var albumItems; + var currPos = 0; + + function album_getResponse(items, exception) { + if(exception) { + alert(exception.msg); + return; + } + albumItems = items; + showAlbum(); + } + + function showImage(pos) { + var img = document.createElement("img"); + img.onload = function(evt) { + document.getElementById("albumImage").src = this.src; + document.getElementById("albumImage").width=this.width; + document.getElementById("albumImage").height=this.height; + } + img.src = albumItems[pos]; + return false; + } + + function showAlbum() { + if(albumItems.length > 0) { + showImage(currPos); + } + } + + function goNext() { + if(currPos < albumItems.length) { + currPos++; + showImage(currPos); + } + } + + function goPrevious() { + if(currPos > 0) { + currPos--; + showImage(currPos); + } + } + + function init() { + try { + album.getPictures(album_getResponse); + } catch(exception) { + alert(e); + } + } + + + index_off= new Image(31,31); index_off.src = "index.gif"; + index_on = new Image(31,31); index_on.src = "index_on.gif"; + next_off = new Image(31,31); next_off.src = "next.gif"; + next_on = new Image(31,31); next_on.src = "next_on.gif"; + prev_off = new Image(31,31); prev_off.src = "prev.gif"; + prev_on = new Image(31,31); prev_on.src = "prev_on.gif"; + +</script> + +</head> + +<body onload="init()"> +<br> +<h1><center>Apache Tuscany Photo Gallery</center></h1> +<br> +<br> + <div id="gallery"> + <div id="album"> + <!--img id="albumImage" border="0" src=""--> + </div> + <br> + </div> + + <center> + + <table style="height:54px;" cellspacing="0" cellpadding="0" border="0"> + <tr> + <td valign="middle"> + <!-- Navigation Header --> + <table style="width:100%;" cellspacing="0" cellpadding="0" border="0"> + <tr> + <td style="width:31px;"><a href="javascript:showAlbum()" onmouseover="document.index.src=index_on.src" onmouseout="document.index.src=index_off.src"><img src="index.gif" width="31" height="31" border="0" title="Index page" name="index" alt=""></a></td> + <td style="width:31px;"><a href="javascript:goPrevious()" onmouseover="document.previous.src=prev_on.src" onmouseout="document.previous.src=prev_off.src"><img src="prev.gif" width="31" height="31" border="0" title="Previous image" name="previous" alt=""></a></td> + <td style="width:31px;"><a href="javascript:goNext()" onmouseover="document.next.src=next_on.src" onmouseout="document.next.src=next_off.src"><img src="next.gif" width="31" height="31" border="0" title="Next image" name="next" alt=""></a></td> + <td style="width:31px;"><a href="javascript:void(0)" onmouseover="show_over();" onmouseout="show_out();" onmousedown="show_down();" ondblclick="change_delay();"><img src="show_slide.gif" width="31" height="31" border="0" title="Start/Stop slideshow - DoubleClick to change speed" name="show" alt=""></a></td> + </tr> + </table> + </td> + </tr> + </table> + + <table style="width:720px;" border="0" cellspacing="0" cellpadding="0"> + <tr> + <td align="center"> <!-- Image without original --> + <img id="albumImage" src="space.gif" class="slideImage" width="720" height="540" ondragstart="return false" onselectstart="return false" oncontextmenu="return false" galleryimg="no" usemap="#imagemap" alt=""> + </td> + </tr> + </table> + + </center> + +</body> +</html> |