1 | {combine_css path="plugins/Panoramas/css/AS_Panorama.css"} |
---|
2 | |
---|
3 | {combine_script id="jquery.panorama" require="jquery" path="plugins/Panoramas/js/jquery.panorama.js"} |
---|
4 | {footer_script require="jquery.panorama" require='jquery.ui.draggable'} |
---|
5 | jQuery(document).ready(function(){ldelim} |
---|
6 | var w = $("#imageToolBar").width(); |
---|
7 | if (w === null) {ldelim} w = $("#theImage").width(); } |
---|
8 | if (w < {$ASP.min_viewport_width}) {ldelim} w = .75 * $("#theImage").width(); } |
---|
9 | var m = w; |
---|
10 | w = w * ( Math.min( Math.max({$ASP.viewport_width} / 100, .5) , 1 )); |
---|
11 | w = Math.round(Math.min( {$ASP.max_viewport_width} , Math.max( {$ASP.min_viewport_width}, w) )); |
---|
12 | var s = (100 - {$ASP.speed}) * 2000; |
---|
13 | var p = Math.round(Math.min(Math.max({$ASP.width} * ( {$ASP.start_position} / 100 ), 0), {$ASP.width})); |
---|
14 | if ({$ASP.width} > w) {ldelim} |
---|
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 | img_name: '{$ASP.name}', |
---|
26 | cont_border: {$ASP.cont_border}, |
---|
27 | cont_border_color: '{$ASP.cont_border_color}', |
---|
28 | footer_display : '{$ASP.footer_display}', |
---|
29 | footer_color: '{$ASP.footer_color}', |
---|
30 | caption_color: '{$ASP.caption_color}', |
---|
31 | footer_control_color: '{$ASP.footer_control_color}' |
---|
32 | }; |
---|
33 | $("#theImage img.simple_panorama").panorama(options); |
---|
34 | }; |
---|
35 | }); |
---|
36 | {/footer_script} |
---|
37 | |
---|
38 | <!-- Adapted simply by the "Panoramas" plugin (version {$ASP.Ver}): {$ASP.Dir}/template/AS_panorama_content.tpl --> |
---|
39 | <!-- for: {$ASP.image_name} ({$ASP.width}x{$ASP.height}) --> |
---|
40 | <div id="Panorama"> |
---|
41 | {$ASP.content} |
---|
42 | </div> |
---|
43 | <br /> |
---|