source: extensions/Panoramas/template/AS_panorama_content.tpl @ 6527

Last change on this file since 6527 was 6527, checked in by vdigital, 10 years ago

jQuery Panoramas

Licence : GPL
http://www.openstudio.fr/Un-viewer-de-panoramas-simple-en.html

File size: 1.6 KB
Line 
1{known_script id="jquery" src=$ROOT_URL|cat:"themes/default/js/jquery.packed.js"}
2{known_script id="jquery.panorama" src=$ASP.Path|cat:"js/jquery.panorama.js"}
3{html_head}
4<link rel="stylesheet" type="text/css" href="{$ASP.Path}css/AS_Panorama.css">
5<script type="text/javascript">
6jQuery(document).ready(function(){ldelim}
7    var w = $("#imageToolBar").width();
8        if (w === null) {ldelim} w = $("#theImage").width(); }
9        if (w < {$ASP.min_viewport_width}) {ldelim} w = .75 * $("#theImage").width(); }
10        var m = w;
11        w = w * ( Math.min( Math.max({$ASP.viewport_width} / 100, .5) , 1 ));
12        w = Math.round(Math.min( {$ASP.max_viewport_width} , Math.max( {$ASP.min_viewport_width}, w) ));
13        var s = (100 - {$ASP.speed}) * 2000;
14        var p = Math.round(Math.min(Math.max({$ASP.width} * ( {$ASP.start_position} / 100 ), 0), {$ASP.width}));
15    $("#theImage img").eq(0).removeAttr("style").attr({ldelim}width:{$ASP.width},height:{$ASP.height}}).addClass("simple_panorama");
16        var options = {ldelim}
17                 viewport_width: w,
18                 speed: s,
19                 direction: '{$ASP.direction}',
20                 control_display: '{$ASP.control_display}',
21                                 start_position : p,
22                                 auto_start : {$ASP.auto_start},
23                                 mode_360 : {$ASP.mode_360},
24                                 loop_180 : {$ASP.loop_180}
25         };
26        $("#theImage img.simple_panorama").panorama(options);
27});
28</script>
29{/html_head}
30        <!-- Adapted simply by the "Panorama" plugin (version {$ASP.Ver}): {$ASP.Dir}/template/AS_panorama_content.tpl -->
31        <!-- for: {$ASP.image_name} ({$ASP.width}x{$ASP.height}) -->
32        <div id="Panorama">
33                {$ASP.content}
34        </div>
Note: See TracBrowser for help on using the repository browser.