File "fin01.html"
Full path: /home/meharicl/www/diaporama/fin01.html
File
size: 9.88 B
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
function change_image()
{
if (image_index >= 0)
{
// hide message
DisplayMessage(false);
// hide image and tooltip
tooltip_js = false;
document.images[ImageIndexInDoc].alt = "";
document.images[ImageIndexInDoc].title = "";
message = "";
document.images[ImageIndexInDoc].style.visibility = "hidden";
// compute best image size
{
image_width = image_data_array[image_index].width;
image_height = image_data_array[image_index].height;
display_width = window.innerWidth;
display_height = window.innerHeight;
if (!display_width)
display_width = window.document.body.clientWidth - 5;
else
display_width = display_width - 5;
if (!display_height)
display_height = window.document.body.clientHeight - 50;
else
display_height = display_height - 50;
if (display_height <= 0) display_height = 1;
while ((image_width > display_width) || (image_height > display_height))
{
image_width = image_width * 0.95;
image_height = image_height * 0.95;
}
document.images[ImageIndexInDoc].width = image_width;
document.images[ImageIndexInDoc].height = image_height;
}
// set image source
document.images[ImageIndexInDoc].src = document.images[ImageIndexInDoc+1].src;
// set comments
message = image_data_array[image_index].comments;
var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#000000><tr><td><table width=100% border=0 cellpadding=2 cellspacing=1><tr><td bgcolor=#FFFFE1><font color=#000000 size=2 face='verdana'><center>"+message+"</center></td></tr></table></td></tr></table>";
if (domok)
{
document.getElementById("topdecklink").innerHTML = content;
}
if (image_data_array[image_index].comments_mode == 1)
{
document.images[ImageIndexInDoc].alt = message;
document.images[ImageIndexInDoc].title = message;
}
if (image_data_array[image_index].comments_mode == 2)
tooltip_js = true;
else
killlink();
// show image
document.images[ImageIndexInDoc].style.visibility = "visible";
timeout_ok = false;
setTimeout("Display_Timeout()",diaporama_delay);
}
image_index = image_index + 1;
if (image_index == nb_images)
{
if (AutoLoop)
{
image_index = 0;
}
else
{
window.status = "Fin du diaporama";
temp_status = "Fin du diaporama";
end_of_diaporama = true;
return;
}
}
image_loaded = false;
document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;
if (diaporama_started)
{
window.status = "Chargement de l'image : " + image_data_array[image_index].path;
temp_status = "Chargement de l'image : " + image_data_array[image_index].path;
}
}
function Display_Timeout()
{
timeout_ok = true;
if (image_loaded && diaporama_started && !end_of_diaporama)
{
setTimeout("change_image()",1000);
}
}
function Image_Is_Loaded()
{
image_loaded = true;
if (timeout_ok && diaporama_started && !end_of_diaporama)
{
setTimeout("change_image()",1000);
}
else
{
if (diaporama_started)
{
window.status = "Image suivante chargée";
temp_status = "Image suivante chargée";
}
}
}
function ReStart_Diaporama()
{
diaporama_started = true;
if (timeout_ok && image_loaded && !end_of_diaporama)
{
setTimeout("change_image()",1000);
}
else if (!end_of_diaporama)
{
window.status = "Chargement de l'image : " + image_data_array[image_index].path;
temp_status = "Chargement de l'image : " + image_data_array[image_index].path;
}
else
{
image_index = 0;
end_of_diaporama = false;
image_loaded = false;
document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;
window.status = "Chargement de l'image : " + image_data_array[image_index].path;
temp_status = "Chargement de l'image : " + image_data_array[image_index].path;
}
}
function Stop_Diaporama()
{
diaporama_started = false;
window.status = "Diaporama suspendu";
temp_status = "Diaporama suspendu";
}
function Error_Image_Loading()
{
// if an error occurs while loading image, try to load next one to avoid blocking diaporama !
// it is a little bit dangerous if any other error occurs...
image_index = image_index + 1;
if (image_index == nb_images)
image_index = 0;
image_loaded = false;
document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;
}
function DisplayMessage(msg)
{
if (navigateur_compatible)
{
if (msg)
{
var win_width = window.innerWidth;
var win_height = window.innerHeight;
if (!win_width)
win_width = window.document.body.clientWidth - 5;
else
win_width = win_width - 5;
if (!win_height)
win_height = window.document.body.clientHeight - 50;
else
win_height = win_height - 50;
var content ="<table border=0 height="+win_height+" width="+ win_width + "><tr align=center><td valign=center><center>chargement de la première image en cours...<br>Patientez SVP<br><br><font face=\"arial\" size=2 color=\"#FFFFFF\">Ce diaporama a été générée par </font><a href=\"http://www.xander.free.fr\"><font face=\"arial\" size=2 color=\"#FFFFFF\" OnMouseOver=\"color='#119BD5'\" OnMouseOut=\"color='#FFFFFF'\">Xander Image HTML Integrator v3</font></A></center></td></tr></table>";
document.getElementById("messageId").innerHTML = content;
message_style.left = 0;
message_style.right = 0;
message_style.visibility = "visible";
}
else
{
var content ="<table border=0 height=0 width=0><tr align=center><td valign=center></td></tr></table>";
document.getElementById("messageId").innerHTML = content;
message_style.visibility = "hidden";
}
}
}
-->
</script>
</HEAD>
<BODY bgcolor="#000000" text="#FFFFFF" link="#119BD5" alink="#119BD5" vlink="#119BD5" background="" style="margin: 0px; padding: 0px; scrollbar-base-color:#000000; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-face-color:#000000; scrollbar-arrow-color:#000000;scrollbar-track-color: #000000;scrollbar-3dlight-color: #000000;scrollbar-darkshadow-color: #000000;" onload="DisplayMessage(true); setTimeout('change_image()',1500);" >
<style type="text/css">
<!--
.popperlink {position:absolute;visibility:hidden}
//-->
</style>
<div class=popperlink id=topdecklink></div>
<script language="javascript">
<!--
domok = document.getElementById;
if (domok)
{
skn = document.getElementById("topdecklink").style;
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
}
function poplink(msg)
{
var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#000000><tr><td><table width=100% border=0 cellpadding=2 cellspacing=1><tr><td bgcolor=#FFFFE1><font color=#000000 size=2 face='verdana'><center>"+msg+"</center></td></tr></table></td></tr></table>";
if (domok)
{
document.getElementById("topdecklink").innerHTML = content;
if (msg != "")
{ tooltip_js_visible = true; }
else { skn.visibility = "hidden"; tooltip_js_visible = false; }
}
}
function get_mouse(e)
{
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
if (tooltip_js_visible)
{
skn.left = x;
skn.top = y+20;
skn.visibility = "visible";
}
else
{
skn.left=0;
skn.top = 0;
}
}
function killlink()
{
if (domok)
{
document.getElementById("topdecklink").innerHTML = '';
skn.visibility = "hidden";
tooltip_js_visible = false;
}
}
function showtip()
{
poplink(message);
}
-->
</script>
<style type="text/css">
<!--
.messageclass {position:absolute;visibility:hidden}
//-->
</style>
<div class=messageclass id=messageId></div>
<script language="javascript">
<!--
navigateur_compatible = document.getElementById;
if (navigateur_compatible)
{
var message_style = document.getElementById("messageId").style;
}
-->
</script>
<CENTER>
<TABLE border=0, cellspacing=0, cellpadding=0, width="100%", height="100%">
<TR><TD valign=center>
<CENTER>
<img name="xander_diapo_image" style="visibility : hidden" onMouseOver="if (tooltip_js) showtip();" onMouseOut="killlink()">
</td></tr>
<tr height=12 valign="bottom"><td align="center">
<table border=0 cellpadding=2 cellspacing=3 width="100%"><tr>
<td align="left"> <a href="javascript:ReStart_Diaporama()" style="text-decoration:none" onMouseOver="temp_status = self.status; if (!diaporama_started) self.status='Reprendre le diaporama'; return true;" onMouseOut="self.status = temp_status"><font face="arial" size=2 color="#FFFFFF" OnMouseOver="if (!diaporama_started) color='#119BD5'" OnMouseOut="color='#FFFFFF'">< Reprendre ></font></a> <a href="javascript:Stop_Diaporama()" style="text-decoration:none" onMouseOver="temp_status = self.status; if (diaporama_started) self.status='Stopper le diaporama'; return true;" onMouseOut="self.status = temp_status"><font face="arial" size=2 color="#FFFFFF" OnMouseOver="if (diaporama_started) color='#119BD5'" OnMouseOut="color='#FFFFFF'">< Arrêter ></font></a> <a href="javascript:window.close()" style="text-decoration:none" onMouseOver="temp_status = self.status; self.status='Fermer le diaporama'; return true;" onMouseOut="self.status = temp_status"><font face="arial" size=2 color="#FFFFFF" OnMouseOver="color='#119BD5'" OnMouseOut="color='#FFFFFF'">< Fermer ></font></a><img name="xander_diapo_image" width=0 height=0 style="visibility : hidden" onload="Image_Is_Loaded();" onerror="Error_Image_Loading();"></td>
<td align="right"><a href="http://www.xander.free.fr" target="_blank" style="text-decoration:none" onMouseOver="temp_status = self.status; self.status='Le site de Xander (dans une nouvelle fenêtre)'; return true;" onMouseOut="self.status = temp_status"><font face="arial" size=2 color="#FFFFFF" OnMouseOver="color='#119BD5'" OnMouseOut="color='#FFFFFF'">< Xander Image HTML Integrator v3 ></font></A> </td>
</tr></table>