source: extensions/Flash_Gallery/modules/prometeus/prometeus.tpl @ 9352

{html_head}

{literal}
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
        #canvas {
                position:absolute;
                width: 100%;
                height: {/literal}{$block.HEIGHT}{literal}px;
                background: {/literal}{$block.BGCOLOR}{literal};
                overflow: hidden;
        }
        #canvas img {
                position: absolute;
                background: #000;
                overflow: hidden;
                cursor: pointer;
                left: 100%;
                border-color: #000;
                border-style: solid;
                border-width: 1px;
                -ms-interpolation-mode:nearest-neighbor;
        }
        #canvas span {
                position: absolute;
                color: #FFFFFF;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0px;
                white-space: nowrap;
                left: -1000px;
                background: {/literal}{$block.BGCOLOR}{literal};
                filter: alpha(opacity=90);
                opacity: 0.9;
        }
</style>

{/literal}
{$OTHERS_SCRIPT}
{/html_head}

<div class ="prometeus_block" style='height:{$block.HEIGHT}px;'>
<div id="canvas" >

 {foreach from=$ImageNode item=ImageNode}
        <img src="{$ImageNode.url}"><span>{$ImageNode.name}</span>
{/foreach}

</div>

{literal}
<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span>
<script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<!-- end of images_loading_bar code -->
</div>

{/literal}