Introduction d'un système de remise scriptable.
[Portfolio.git] / skins / zoom_view.pt
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:tal="http://xml.zope.org/namespaces/tal" xmlns:metal="http://xml.zope.org/namespaces/metal"
5 tal:define="portal_url here/portal_url">
6 <head>
7 <title>photo: zoom view</title>
8 <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
9 <script type="text/javascript" tal:attributes="src here/epoz_script_detect.js/absolute_url"></script>
10 <script type="text/javascript" tal:attributes="src here/javascript_events_api.js/absolute_url"></script>
11 <script type="text/javascript" tal:attributes="src here/sarissa.js/absolute_url"></script>
12 <script type="text/javascript" tal:attributes="src here/base_properties.js/absolute_url"></script>
13 <script type="text/javascript" tal:attributes="src here/DHTMLapi.js/absolute_url"></script>
14 <script type="text/javascript">
15 // <!--
16 function portal_url() {
17 var e = document.getElementById("Portal_URL");
18 return e.innerHTML;
19 }
20 // -->
21 </script>
22 <script type="text/javascript" tal:attributes="src string:${portal_url}/base_properties.js"></script>
23 <script type="text/javascript" tal:attributes="src string:${portal_url}/navigateur.js"></script>
24 <script type="text/javascript" tal:attributes="src string:${portal_url}/mosaique.js"></script>
25 <link rel="stylesheet" media="screen" tal:attributes="href here/global_plinn_style.css/absolute_url" />
26 </head>
27 <body style="background:#484848" i18n:domain="portfolio" tal:define="zoom_menu here/zoom_view_menu|nothing">
28 <div tal:condition="zoom_menu" style="position:absolute; z-index:3; top:5px; left:5px">
29 <div tal:content="structure zoom_menu" style="position:relative;background-color:#000"
30 >optional menu</div>
31 </div>
32 <img tal:condition="not:zoom_menu"
33 tal:attributes="src string:$portal_url/prev_img_btn.gif" width="23" height="27"
34 alt="back" title="back"
35 style="position:absolute; width:23px; height:27px; z-index:3; top:0; left:0"
36 onclick="history.back()"
37 i18n:attributes="alt;title"
38 />
39 <span id="Portal_URL" style="display:none" tal:content="portal_url"></span>
40 <div id="zoneAffichage"
41 style="left:5px;top:5px;margin:0;padding:0; position:absolute"><br/></div>
42 <script type="text/javascript"
43 tal:content="string:
44 var url = '${here/absolute_url}';
45 ">
46 </script>
47 <script type="text/javascript">
48 // <!--
49 function initMosaique() {
50 initDHTMLAPI();
51 var main = document.getElementById('zoneAffichage');
52 if (browser.isIE) {
53 var width = getInsideWindowWidth() -5;
54 var height = getInsideWindowHeight() -5;
55 main.style.width = width + 'px';
56 main.style.height = height + 'px';
57 }
58 else {
59 main.style.bottom = 0;
60 main.style.right = 0;
61 }
62 var margins = {'top':5, 'right':5, 'bottom':5, 'left':5};
63 var mosaique = new Mosaique(document.getElementById('zoneAffichage'), url, margins);
64 }
65 addListener(window, 'load', initMosaique);
66 // -->
67 </script>
68 </body>
69 </html>