File "fin.html"

Full path: /home/meharicl/www/diaporama/fin.html
File size: 10.13 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&egrave;re image en cours...<br>Patientez SVP<br><br><font face=\"arial\" size=2 color=\"#FFFFFF\">Ce diaporama a &eacute;t&eacute; g&eacute;n&eacute;r&eacute;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>
##description##<br>
<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">&nbsp;&nbsp;<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'">&lt;&nbsp;Reprendre&nbsp;&gt;</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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'">&lt;&nbsp;Arr&ecirc;ter&nbsp;&gt;</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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'">&lt;&nbsp;Fermer&nbsp;&gt;</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&ecirc;tre)'; return true;" onMouseOut="self.status = temp_status"><font face="arial" size=2 color="#FFFFFF" OnMouseOver="color='#119BD5'" OnMouseOut="color='#FFFFFF'">&lt;&nbsp;Xander&nbsp;Image&nbsp;HTML&nbsp;Integrator&nbsp;v3&nbsp;&gt;</font></A>&nbsp;&nbsp;</td>
</tr></table>
</CENTER></TD></TR></TABLE></center>
<script language="javascript">
<!--
for (zz=0; zz<document.images.length; zz++)
{
	if (document.images[zz].name == "xander_diapo_image")
	{
		ImageIndexInDoc = zz;
		break;
	}
}
-->
</body></html>