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

Last change on this file since 31628 was 19535, checked in by Klarsfeld, 12 years ago
File size: 1.8 KB
Line 
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'}
5jQuery(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 />
Note: See TracBrowser for help on using the repository browser.