[6527] | 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"> |
---|
| 6 | jQuery(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> |
---|