summaryrefslogtreecommitdiffstats
path: root/sca-java-2.x/branches/sca-equinox/samples/photo-gallery/src/main/resources/gallery.html
diff options
context:
space:
mode:
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.html135
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>