    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;HTML&gt;
&lt;HEAD&gt;&lt;TITLE&gt;Mes photos&lt;/TITLE&gt;
&lt;META NAME=&quot;author&quot; CONTENT=&quot;Xander&quot;&gt;
&lt;META NAME=&quot;generator&quot; CONTENT=&quot;Xander image HTML integrator v3&quot;&gt;


&lt;/HEAD&gt;
&lt;BODY bgcolor=&quot;#000000&quot; text=&quot;#FFFFFF&quot; alink=&quot;#119BD5&quot; vlink=&quot;#119BD5&quot; link=&quot;#119BD5&quot; background=&quot;&quot; &gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- 
a { text-decoration:none }
--&gt;
&lt;/style&gt;

&lt;CENTER&gt;&lt;H1&gt;&lt;/H1&gt;&lt;/CENTER&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;script language=&quot;javascript&quot;&gt;
&lt;!--
function Xander_Popup(file,image_width,image_height,popup_width,popup_height,adapt_image,allow_full_size,bgcolor,textcolor,comments,comments_mode)
{
	if (!comments)
		comments = &quot;&quot;;

	if (!comments_mode)
		comments_mode = 0;

	var sWidth = screen.availWidth;
	var sHeight = screen.availHeight;

	if (!sWidth)
		sWidth = screen.width;
	
	if (!sHeight)
		sHeight = screen.height;

	IsFullScreen = 0;

	additionnal_margin_for_comment = 0;
	if (comments_mode == 3)
		additionnal_margin_for_comment = 20;

	if (popup_width &gt; 0)
	{
		if (popup_width &lt; 100) popup_width = 100;
		if (popup_height &lt; 100) popup_height = 100;
		if (popup_width &gt; (sWidth - 30)) popup_width = sWidth - 30;
		if (popup_height &gt; (sHeight - 30)) popup_height = sHeight - 30;
	}

	if (popup_width == -1)
	{
		if ((image_width &gt; (sWidth - 30)) || (image_height &gt; (sHeight - 30 - additionnal_margin_for_comment)))
		{
			if (!adapt_image)
			{
				lwidth = image_width; lheight = image_height;
				do { lwidth = lwidth * 0.9; } while (lwidth &gt; (sWidth - 30));
				do { lheight = lheight * 0.9; } while (lheight &gt; (sHeight - 30 - additionnal_margin_for_comment));
			}
			else
			{
				lwidth = image_width; lheight = image_height;
				do { lwidth = lwidth * 0.9; lheight = lheight * 0.9; } while ((lwidth &gt; (sWidth - 30)) || (lheight &gt; (sHeight - 30 - additionnal_margin_for_comment)));
			}
			popup_width = lwidth; popup_height = lheight + additionnal_margin_for_comment;
			if (adapt_image &amp;&amp; allow_full_size) popup_width = popup_width + 13;
		}
		else
		{ popup_width = image_width; popup_height = image_height + additionnal_margin_for_comment; }		
	}

	if (popup_width &gt;= 0)
	{
		if (popup_width &lt; 100) popup_width = 100;
		if (popup_height &lt; 100) popup_height = 100;
	}

	if (popup_width &lt; 0)
	{
		IsFullScreen = 1;

		if (navigator.appName.substring(0,9) == &#039;Microsoft&#039;)
		{
			sWidth = screen.width;
			sHeight = screen.height;
		}
		else
		{
			sHeight = sHeight - 25; // for browsers other than IE : title bar space
		}
		popup_width = sWidth-16; // fullscreen has always toolbars ?...
		popup_height = sHeight - 20 - additionnal_margin_for_comment; // leave place for close link and comment...

		if ((popup_width &lt; image_width) || (popup_height &lt; image_height))
			image_reduced = true;
		else image_reduced = false;
		
		pop = window.open(&quot;&quot;,&quot;&quot;,&quot;fullscreen=yes, width=&quot;+sWidth+&quot;, height=&quot;+sHeight+&quot;, left=0, top=0, resizable=yes, scrollbars=no,menu=no,menubars=no,status=no,directories=no,location=no,toolbar=no&quot;);
	}
	else
	{
		if ((popup_width &lt; image_width) || ((popup_height - additionnal_margin_for_comment) &lt; image_height))
			image_reduced = true;
		else image_reduced = false;

		var top = (sHeight - popup_height - 25) / 2;
		var left = (sWidth - popup_width - 4) / 2;

		if ((!image_reduced) || (image_reduced &amp;&amp; adapt_image &amp;&amp; !allow_full_size))
			pop = window.open(&quot;&quot;,&quot;&quot;,&quot;width=&quot;+popup_width+&quot;, height=&quot;+popup_height+&quot;,top=&quot;+top+&quot;,left=&quot;+left+&quot;,resizable=no, scrollbars=no,menu=no,menubars=no,status=no,directories=no,location=no,toolbar=no&quot;);
		else pop = window.open(&quot;&quot;,&quot;&quot;,&quot;width=&quot;+popup_width+&quot;, height=&quot;+popup_height+&quot;, top=&quot;+top+&quot;, left=&quot;+left+&quot;, resizable=yes, scrollbars=yes,menu=no,menubars=no,status=no,directories=no,location=no,toolbar=no&quot;);
	}
	
	pop.window.document.write(&quot;&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;Zoom de l&#039;image&lt;/TITLE&gt;&lt;/HEAD&gt;&lt;BODY bgcolor=&#039;&quot;+bgcolor+&quot;&#039;, style=\&quot;margin: 0px; padding: 0px;&quot;);
	if (IsFullScreen &amp;&amp;  ((adapt_image &amp;&amp; !allow_full_size) || !image_reduced))
		pop.window.document.write(&quot;scrollbar-base-color:&quot;+bgcolor+&quot;; scrollbar-highlight-color:&quot;+bgcolor+&quot;; scrollbar-shadow-color:&quot;+bgcolor+&quot;; scrollbar-face-color:&quot;+bgcolor+&quot;; scrollbar-arrow-color:&quot;+bgcolor+&quot;;scrollbar-track-color: &quot;+bgcolor+&quot;;scrollbar-3dlight-color: &quot;+bgcolor+&quot;; scrollbar-darkshadow-color: &quot;+bgcolor+&quot;;&quot;); 
	pop.window.document.write(&quot;\&quot;&gt;&quot;);

	if (comments_mode == 2)
	{
		pop.window.document.write(&quot;&lt;style type=\&quot;text/css\&quot;&gt;\n&lt;!-&quot;);
		pop.window.document.write(&quot;- \n.popperlink {position:absolute;visibility:hidden}\n-&quot;);
		pop.window.document.write(&quot;-&quot;);
		pop.window.document.write(&quot;&gt;\n&lt;/style&gt;&lt;div class=popperlink id=topdecklink&gt;&lt;/div&gt;&lt;script language=\&quot;javascript\&quot;&gt;domok = document.getElementById;if (domok){	skn = document.getElementById(\&quot;topdecklink\&quot;).style; if(navigator.appName.substring(0,3) == \&quot;Net\&quot;) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; }&quot;);
		pop.window.document.write(&quot;function poplink(msg) { var content =\&quot;&lt;table border=0 cellpadding=0 cellspacing=0 bgcolor=#000000&gt;&lt;tr&gt;&lt;td&gt;&lt;table width=100% border=0 cellpadding=2 cellspacing=1&gt;&lt;tr&gt;&lt;td bgcolor=#FFFFE1&gt;&lt;font color=#000000 size=2 face=&#039;verdana&#039;&gt;&lt;center&gt;\&quot;+msg+\&quot;&lt;/center&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;\&quot;; if (domok) { document.getElementById(\&quot;topdecklink\&quot;).innerHTML = content; if (msg != \&quot;\&quot;) { skn.visibility = \&quot;visible\&quot;; } else { skn.visibility = \&quot;hidden\&quot;; } } } &quot;);
		pop.window.document.write(&quot;function killlink() { if (domok) { document.getElementById(\&quot;topdecklink\&quot;).innerHTML = &#039;&#039;;   skn.visibility = \&quot;hidden\&quot;; } } &quot;);
		pop.window.document.write(&quot;function get_mouse(e) { var x = (navigator.appName.substring(0,3) == \&quot;Net\&quot;) ? e.pageX : event.x+document.body.scrollLeft; var y = (navigator.appName.substring(0,3) == \&quot;Net\&quot;) ? e.pageY : event.y+document.body.scrollTop; if (navigator.appName.substring(0,3) == \&quot;Net\&quot;) { var tWi = window.innerWidth; var tHe = window.innerHeight; if((x &gt; (tWi-70)) &amp;&amp; (tWi-70&gt;=0)) skn.left = tWi-70; else skn.left = x;  if((y &gt; (tHe-50)) &amp;&amp; ((tHe-50) &gt; 0)) skn.top = tHe-50; else skn.top = y+20;} else { skn.left = x; skn.top = y+20; } } &lt;/script&gt;&quot;);
	}
	pop.window.document.write(&quot;&lt;TABLE border=0, cellspacing=0, cellpadding=0, width=\&quot;100%\&quot;, height=\&quot;100%\&quot;&gt;&lt;TR&gt;&lt;TD valign=center&gt;&lt;CENTER&gt;&quot;);
	pop.window.document.write(&quot;&lt;img src=\&quot;&quot;+file+&quot;\&quot;&quot;);

	if (comments_mode == 1)
	{
		pop.window.document.write(&quot; alt=\&quot;&quot;+comments+&quot;\&quot;&quot;);
		pop.window.document.write(&quot; title=\&quot;&quot;+comments+&quot;\&quot;&quot;);
	}
	else if (comments_mode == 2)
		pop.window.document.write(&quot; onMouseOver=\&quot;poplink(&#039;&quot;+comments+&quot;&#039;);\&quot; onMouseOut=\&quot;killlink();\&quot;&quot;);

	if (!image_reduced || !adapt_image)
		pop.window.document.write(&quot; width=&quot;+image_width+&quot; height=&quot;+image_height);
	else 
	{
		// find best dimension for image...
		var ratioX;
		var ratioY;

		if (allow_full_size) ratioX = (popup_width - 16) / image_width;
		else ratioX = popup_width / image_width;
		if (allow_full_size) ratioY = (popup_height - additionnal_margin_for_comment-5) / image_height;
		else ratioY = (popup_height - additionnal_margin_for_comment) / image_height;

		if (ratioY &lt; ratioX) ratioX = ratioY;
		var temp_width = ratioX * image_width;
		var temp_height = ratioX * image_height;

		pop.window.document.write(&quot; width=&quot;+temp_width+&quot; height=&quot;+temp_height);
	
		if (allow_full_size)
		{
			pop.window.document.write(&quot; name=\&quot;embedded_image\&quot; OnClick=\&quot;if(IsReduced == 1) { embedded_image.width=&quot;+image_width+&quot;; embedded_image.height=&quot;+image_height+&quot;;IsReduced=0;}else{embedded_image.width=&quot;+temp_width+&quot;; embedded_image.height=&quot;+temp_height+&quot;;IsReduced=1;}\&quot;&gt;&quot;);
			pop.window.document.write(&quot;&lt;script language=\&quot;javascript\&quot;&gt;var IsReduced=1;&lt;/script&quot;);
		}
	}
	
	pop.window.document.write(&quot;&gt;&quot;);
	if (comments_mode == 3) pop.window.document.write(&quot;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=10 valign=\&quot;bottom\&quot;&gt;&lt;td align=\&quot;center\&quot;&gt;&lt;font face=\&quot;arial\&quot; size=2 color=&#039;&quot;+textcolor+&quot;&#039;&gt;&quot;+comments+&quot;&lt;/font&gt;&lt;/a&gt;&lt;br&gt;&quot;);
	if (IsFullScreen == 1) 	pop.window.document.write(&quot;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=10 valign=\&quot;bottom\&quot;&gt;&lt;td align=\&quot;center\&quot;&gt;&lt;a href=\&quot;javascript:window.close()\&quot;&gt;&lt;font face=\&quot;arial\&quot; size=2 color=&#039;&quot;+textcolor+&quot;&#039;&gt;Fermer&lt;/font&gt;&lt;/a&gt;&lt;br&gt;&quot;);
	pop.window.document.write(&quot;&lt;/CENTER&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;&lt;/BODY&gt;&lt;/HTML&gt;&quot;);
	pop.window.onclick=pop.window.close;
	
}
--&gt;
&lt;/script&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
a { cursor:pointer; cursor:hand; }
--&gt;
&lt;/style&gt;
&lt;CENTER&gt;</code></pre>        </div>
    </div>