OpenNTF.org - Open Source Community for Lotus Notes Domino

Anonymous

Open Notes Picture Database - Response: html source (slideshow)

Created on	Aug 9, 2005
Created by	heinz koton

hi chris, thxs for quick response.
for my opinion the html url's are correct and working, here they are:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<link rel="alternate" type="application/rss+xml" title="RSS News Feed" href="http://www.ikotec.at/pub/pictbase.nsf/stories.xml">
<base href="http://www.ikotec.at/pub/pictbase.nsf/">
<script type="text/javascript" src="http://www.ikotec.at/pub/pictbase.nsf/comments.js"></script>

<title>Picture Base, Test</title><link rel="alternative stylesheet" Media="print" title="PrintOut" type="text/css" href="0/print.css"> <link rel="stylesheet" Media="screen" type="text/css" href="0/sample.css"> <meta http-equiv="Link" content="<http://chris.brandlehner.at>; rel=prefetch"> <meta name="generator" content="Lotus Notes"> <meta name="ROBOTS" content="INDEX,FOLLOW"> <script type="text/javascript" src="0/print.js"></script> <script type="text/javascript" src="0/search.js"></script>

</head>
<body text="#000000" bgcolor="#FFFFFF">
<input type="hidden" name="DBPath" value="pub/pictbase.nsf" ><input type="hidden" name="Server_Name" value="www.ikotec.at" ><script language="JavaScript" type="text/javascript">
var comments="";
var CommentBy="";
</script>
<script language="JavaScript" SRC="/pub/pictbase.nsf/client_sniff.js"></script>
<script language="JavaScript">
// Browser capabilities detection ---
// - assume only IE4+ and NAV6+ can do image resizing, others redirect to low
if ( (is_ie && !is_ie4up) || (is_opera && !is_opera5up) || (is_nav && !is_nav6up)) {
document.location = "http://www.ikotec.at/pub/pictbase.nsf";
}
</script>

<p><a id="photo_urls_1" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBS/$File/HKOT-6F3QBS.jpg"></a>
<a id="full_photo_urls_1" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBS/$File/HKOT-6F3QBS.jpg"></a>
<a id="photo_urls_2" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBU/$File/HKOT-6F3QBU.jpg"></a>
<a id="full_photo_urls_2" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBU/$File/HKOT-6F3QBU.jpg"></a>
<a id="photo_urls_3" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBV/$File/HKOT-6F3QBV.jpg"></a>
<a id="full_photo_urls_3" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBV/$File/HKOT-6F3QBV.jpg"></a>
<a id="photo_urls_4" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBX/$File/HKOT-6F3QBX.jpg"></a>
<a id="full_photo_urls_4" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBX/$File/HKOT-6F3QBX.jpg"></a>

<a id="photo_urls_5" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBZ/$File/HKOT-6F3QBZ.jpg"></a>
<a id="full_photo_urls_5" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBZ/$File/HKOT-6F3QBZ.jpg"></a>
<a id="photo_urls_6" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBQ/$File/HKOT-6F3QBQ.jpg"></a>
<a id="full_photo_urls_6" href="/pub/pictbase.nsf/pictures/HKOT-6F3QBQ/$File/HKOT-6F3QBQ.jpg"></a>
</p><script language="JavaScript">
var timer;
var current_location = 1;
var next_location = 1;
var pics_loaded = 0;
var onoff = 0;
var fullsized = 0;
var direction = 1;
var timeout_value;
var images = new Array;
var photo_urls = new Array;
var full_photo_urls = new Array;
var photo_captions = new Array;
var transitionNames = new Array;
var transitions = new Array;
var current_transition = 0;
var loop = 0;
photo_captions[1] = "";
photo_captions[2] = "";
photo_captions[3] = "";
photo_captions[4] = "";
photo_captions[5] = "";
photo_captions[6] = "";

transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;
var photo_count = 6;
// - IE5.5 and up can do the blending transition.
var browserCanBlend = (is_ie5_5up);

function stopOrStart() {
if (onoff) {
stop();
} else {
play();
}
}

function fullOrNormal() {
images = new Array;
pics_loaded=0;
if (fullsized) {
normal();
} else {
full();
}
next_location = current_location;
preload_photo(next_location);
go_to_next_photo();
}

function toggleLoop() {
if (loop) {
loop = 0;
} else {
loop = 1;
}
}

function changeElementText(id, newText) {
element = document.getElementById(id);
element.innerHTML = newText;
}

function stop() {
changeElementText("stopOrStartText", "play");

onoff = 0;
status = "The slide show is stopped, Click [play] to resume.";
clearTimeout(timer);

}

function play() {
changeElementText("stopOrStartText", "stop");

onoff = 1;
window.status = "Slide show is running...";
go_to_next_photo();
}

function full() {
changeElementText("fullOrNormalText", "normal size");
fullsized = 1;
status = "The slide is showing full sized images, Click [normal size] to view resized images.";
}

function normal() {
changeElementText("fullOrNormalText", "full size");

fullsized = 0;
status = "The slide is showing normal sized images, Click [full size] to view full sized images.";
}

function changeDirection() {
if (direction == 1) {
direction = -1;
changeElementText("changeDirText", "forward direction");
} else {
direction = 1;
changeElementText("changeDirText", "reverse direction");
}
preload_next_photo();

}

function change_transition() {
current_transition = document.TopForm.transitionType.selectedIndex;
}

function preload_complete() {
}

function reset_timer() {
clearTimeout(timer);
if (onoff) {
timeout_value = document.TopForm.time.options[document.TopForm.time.selectedIndex].value * 1000;
timer = setTimeout('go_to_next_photo()', timeout_value);
}
}

function wait_for_current_photo() {

/* Show the current photo */
if (!show_current_photo()) {

/*
* The current photo isn't loaded yet. Set a short timer just to wait
* until the current photo is loaded.
*/
status = "Picture is loading...(" + current_location + " of " + photo_count + "). Please wait..." ;
clearTimeout(timer);
timer = setTimeout('wait_for_current_photo()', 500);
return 0;
} else {
status = "Slide show is running..." ;
preload_next_photo();
reset_timer();
}
}

function go_to_next_photo() {
/* Go to the next location */
current_location = next_location;

/* Show the current photo */
if (!show_current_photo()) {
wait_for_current_photo();
return 0;
}

preload_next_photo();
reset_timer();
}

function preload_next_photo() {

/* Calculate the new next location */
next_location = (parseInt(current_location) + parseInt(direction));
if (next_location > photo_count) {
next_location = 1;
if (!loop) {
stop();
}
}
if (next_location == 0) {
next_location = photo_count;
if (!loop) {
stop();
}
}

/* Preload the next photo */
preload_photo(next_location);
}

function show_current_photo() {

/*
* If the current photo is not completely loaded don't display it.
*/
if (!images[current_location] || !images[current_location].complete) {
preload_photo(current_location);
return 0;
}

/* transistion effects */
if (browserCanBlend){
var do_transition;
if (current_transition == (transition_count)) {
do_transition = Math.floor(Math.random() * transition_count);
} else {
do_transition = current_transition;
}
document.images.slide.style.filter=transitions[do_transition];
document.images.slide.filters[0].Apply();
}
document.slide.src = images[current_location].src;
if (is_ie)
{
var mH = document.body.offsetHeight-90, mW = document.body.offsetWidth-10;
//alert(document.body.offsetHeight);
};
if (is_nav)
{
//alert(document.body.offsetHeight);
var mH = window.outerHeight-270, mW = window.outerWidth-40;
};
//var oH = document.slide.height, oW = document.slide.width;
var oH = images[current_location].height, oW = images[current_location].width;
if( oH > mH || oW > mW )
{
mH = mH / oH; mW = mW / oW;
var zoomFactor = ( mH < mW ) ? mH : mW;
oH = Math.floor( oH * zoomFactor );
oW = Math.floor( oW * zoomFactor );
if (is_ie || is_nav)
{
document.slide.height = oH;
document.slide.width = oW;
};
} else
{
document.slide.height = images[current_location].height;
document.slide.width = images[current_location].width;
};

setCaption(photo_captions[current_location]);

if (browserCanBlend) {
document.images.slide.filters[0].Play();
}

return 1;
}

function preload_photo(index) {

/* Load the next picture */
if (pics_loaded < photo_count) {

/* not all the pics are loaded. Is the next one loaded? */
if (!images[index]) {
images[index] = new Image;
images[index].onLoad = preload_complete();
if (fullsized) {
images[index].src = document.getElementById("full_photo_urls_" + index).href;
} else {
images[index].src = document.getElementById("photo_urls_" + index).href;
}
pics_loaded++;
}
}
}

function setCaption(text) {
changeElementText("caption", "[" + current_location + " of " + photo_count + "] " + text);
}

</Script>
<form name="TopForm">
<span class=SlideshowControls>
<a href="/pub/pictbase.nsf/albums/HKOT-6F3Q4R"></a>
 <a class="SlideshowControls" href='#' onClick='stopOrStart(); return false;'>[
<span id='stopOrStartText'>stop</span>]</a> <a class="SlideshowControls" href='#' onClick='changeDirection(); return false;'>[
<span id='changeDirText'>reverse direction</span>]</a> <a class="SlideshowControls" href='#' onClick='fullOrNormal(); return false;'>[
<span id='fullOrNormalText'>full size</span>]</a>  ||
 Delay: <select name="time" size=1 onchange="reset_timer()" style="font-size:10px;">

<option value=1 >1 second</option>
<option value=2 >2 seconds</option>
<option value=3>3 seconds</option>
<option value=4 >4 seconds</option>
<option value=5 selected>5 seconds</option>
<option value=10 >10 seconds</option>
<option value=15 >15 seconds</option>
<option value=30 >30 seconds</option>

<option value=45 >45 seconds</option>

<option value=60 >60 seconds</option>
</select>
<script language="Javascript">
/* show the blend select if appropriate */
if (browserCanBlend) {
document.write(' Transition:<select name="transitionType" size=1 onchange="change_transition()" style="font-size:10px;"> <option value=0 selected>Blend</option> <option value=1 >Blinds</option> <option value=2 >Checkerboard</option> <option value=3 >Diagonal</option> <option value=4 >Doors</option> <option value=5 >Gradient</option> <option value=6 >Iris</option> <option value=7 >Pinwheel</option> <option value=8 >Pixelate</option> <option value=9 >Radial</option> <option value=10 >Rain</option> <option value=11 >Slide</option> <option value=12 >Snow</option> <option value=13 >Spiral</option> <option value=14 >Stretch</option> <option value=15 >RANDOM!</option> </select> ');
}

</script>
 Loop: <input type="checkbox" name="loopCheck" onclick='toggleLoop();'>
</span>

</form>

<table width=1% border=0 cellspacing=0 cellpadding=0>
<tr bgcolor="#999999">
<td colspan=3 height=1><img src="/icons/ecblank.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td bgcolor="#999999" width=1><img src="/icons/ecblank.gif" width="1" height="1" alt=""></td>
<script language="JavaScript">
firstPhotoURL = document.getElementById("photo_urls_" + 1).href;
document.write("<td><img border=0 src=\"");
document.write(firstPhotoURL);
document.write("\" name=slide alt=image></td>");
</script>
<td bgcolor="#999999" width=1><img src="/icons/ecblank.gif" width="1" height="1" alt=""></td>

</tr>
<tr bgcolor="#999999">
<td colspan=3 height=1><img src="/icons/ecblank.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<br>

<script language="Javascript">
/* show the caption */
document.write("<div class='SlideshowCaption' id='caption'></div>");

/* Load the first picture */
setCaption(photo_captions[1]);
preload_photo(1);

/* Start the show. */
play();

</script>
</body>
</html>

Documents

Creation Date	Author	Subject
Aug 8, 2005	heinz koton	slideshow
Aug 8, 2005	Christian Brandlehner	Response: Re: slideshow
Aug 9, 2005	heinz koton	Response: html source (slideshow)
Aug 9, 2005	Christian Brandlehner	Response: re: html source
Aug 9, 2005	heinz koton	Response: client_sniff.js (slideshow)
Aug 9, 2005	heinz koton	Response: V1.1.9a
Aug 10, 2005	Christian Brandlehner	Response: re: template name

Please Login to OpenNTF:
Username:		Password:

	Remember me?


Did you happen to forget your password? Reset it here