Changeset 19535 for extensions/Panoramas


Ignore:
Timestamp:
Dec 23, 2012, 2:40:24 PM (12 years ago)
Author:
Klarsfeld
Message:
 
Location:
extensions/Panoramas
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • extensions/Panoramas/AS_Panorama.php

    r19460 r19535  
    77if ( !function_exists( 'AS_panorama_content' ) ) {
    88        if ( !defined('IN_ADMIN') or !IN_ADMIN ) {
    9     add_event_handler('render_element_content', 'AS_panorama_content', 99, 2 );
     9    add_event_handler('render_element_content', 'AS_panorama_content', 41, 2 );
    1010    function AS_panorama_content($content, $image)
    1111                {
    … …  
    2020        if (isset($image['width']) and $image['width'] < $asp['min_viewport_width']) return $content;
    2121
    22         $divtag = "<img src=\"";
    23         $divtag.= str_replace( "./", "", $image['path'])."\" width=\"".$image['width']."\" ";
    24         $divtag.= "height=\"".$image['height']."\" ";
    25         $divtag.= "alt=\"".$image['file']."\" id=\"theMainImage\" ";
    26        
    2722        if ($image['height'] > $asp['viewport_height']) {
    2823                $ratio = $image['width'] / $image['height'];
    … …  
    3126        }
    3227
     28        $content = "<img src=\"".str_replace( "./", "", $image['path'])."\" width=\"".$image['width']."\" height=\"".$image['height']."\" alt=\"".$image['file']."\" id=\"theMainImage\"></img>";
     29
     30       
    3331        $asp['image_name'] = $image['name'];
    3432        $asp['width'] = $image['width'];
    … …  
    4139                $asp['name'] = str_replace($asp['in_mode_360'],'', $image['name']);
    4240        }
     41        $asp['footer_view'] = 'false';
    4342       
    4443        $template->set_filenames(
    4544        array('AS_panorama_content' => dirname(__FILE__) . '/template/AS_panorama_content.tpl') );
    4645        $asp['Path'] = embellish_url($template->get_template_vars('ROOT_URL').ASP_PATH);
    47         $asp['content'] = $divtag;
     46        $asp['content'] = $content;
    4847        $template->assign( array( 'ASP' => $asp, ) );
    4948        return $template->parse('AS_panorama_content', true);

  • extensions/Panoramas/AS_Panorama_admin.php

    r19460 r19535  
    2121    array_push($errors, l10n('Viewport width ratio is out of range (Correct range: 50-100).'));
    2222        if ( $nsp['viewport_height']=='' or !is_numeric($nsp['viewport_height']) or $nsp['viewport_height'] < 500 or $nsp['viewport_height'] > 800 )
    23     array_push($errors, l10n('Viewport height is out of range (Correct range: 500/+).'));
     23    array_push($errors, l10n('Viewport height is out of range (Correct range: 500-800).'));
    2424        if ( $nsp['min_viewport_width']=='' or !is_numeric($nsp['min_viewport_width']) or $nsp['min_viewport_width'] < 320 )
    2525    array_push($errors, l10n('Minimal Viewport width is out of range (Correct range: 320/+).'));
    … …  
    3030        if ( $nsp['start_position']=='' or !is_numeric($nsp['start_position']) or $nsp['start_position'] < 0 or $nsp['start_position'] > 99 )
    3131    array_push($errors, l10n('Start position ratio is out of range (Correct range: 0-99).'));
     32        if ( $nsp['start_position']=='' or !is_numeric($nsp['start_position']) or $nsp['start_position'] < 0 or $nsp['start_position'] > 99 )
     33    array_push($errors, l10n('Start position ratio is out of range (Correct range: 0-99).'));
     34        if ( $nsp['cont_border']=='' or !is_numeric($nsp['cont_border']) or $nsp['cont_border'] < 0 or $nsp['cont_border'] > 10 )
     35    array_push($errors, l10n('Border Width ratio is out of range (Correct range: 0-10).'));
     36 
    3237  $nsp['in_mode_360'] = trim((string) $nsp['in_mode_360']);
    3338  $nsp['in_mode_180'] = trim((string) $nsp['in_mode_180']);
    … …  
    6469        'Ver' => ASP_VER,
    6570  ));
     71$template->append('head_elements',
     72                   '<script type="text/javascript" src="./plugins/Panoramas/farbtastic/farbtastic.js"></script>
     73                        <link rel="stylesheet" type="text/css" href="./plugins/Panoramas/farbtastic/farbtastic.css" />');
    6674$template->assign( 'ASP', $asp );
    6775$template->assign_var_from_handle('ADMIN_CONTENT', 'AS_panorama_admin');

  • extensions/Panoramas/AS_Panorama_default.php

    r19460 r19535  
    1818        'in_mode_180' => '_180',
    1919        'In_name_display_removal' => 1,
     20        'cont_border' => 2,
     21        'cont_border_color' => '#000000',
     22        'footer_display' => 'visible',
     23        'footer_color' => '#000000',
     24        'caption_color' => '#000000',
     25        'footer_control_color' => '#FFFFFF'
    2026  );
    2127  if (!isset($conf['AS_panorama'])) $conf['AS_panorama'] = $default;

  • extensions/Panoramas/css/AS_Panorama.css

    r6527 r19535  
    66        padding: 0;
    77        text-align: left;
     8        border: 1px solid black;
    89}
    910.panorama-container {
    … …  
    1213        margin: 0;
    1314        padding: 0;
     15}
     16
     17.panorama-footer {
     18        padding: 0;
     19        margin: 0 auto;
     20        overflow: hidden;
     21        text-align: left;
     22        width: 100%;
     23}
     24
     25#panoramaThumb {
     26        float: right;
     27        margin: 10px 8px 0px 0px;
     28        padding: 0px;
     29        overflow: hidden;
     30        text-align: left;
     31        cursor: pointer;
     32}
     33       
     34#thumbFrame {
     35        left: 0;
     36        padding: 0;
     37        margin: 0;
     38        background-color: lightblue;
     39        cursor: move;
     40        z-index: 1000;
     41        opacity: 0.4;
     42        -moz-opacity: 0.8;
     43        filter: alpha(opacity=80);
     44}
     45
     46#panoramaCaption {
     47        float: left;
     48        margin: 11px 0 0 30px;
     49        color : white; /*this.options.captioncolor,*/
     50        font-family: "Trebuchet MS";
     51        text-align: left;
     52        font-size: 12px;
     53        line-height: 20px;
    1454
    1555}
     56       
    1657.panorama-control {
    1758        position: absolute;
    1859        display: none;
    1960        padding: 0;
    20         margin: 0;
     61        margin: 0 auto;
    2162        bottom: -1px;
    22         left: 0;
    23         width: 100%;
    24         height: 30px;
    25         background: #542;
    26         filter: alpha(opacity=50);
    27         opacity: .5;
    28         text-align: left;
     63        height: 35px;
     64        text-align: center;
    2965}
    30 .panorama-control-left, .panorama-control-right, .panorama-control-pause {
     66
     67.panorama-control A {
    3168        float: left;
    3269        padding: 0;
    33         margin: 0;
     70        margin: 2px 0 2px 0;
     71        background: #151A23;
     72        filter: alpha(opacity=60);
     73        opacity: .6;
    3474        color: white;
    3575        text-decoration: none;
    3676        font-size: 24px;
    37   font-weight: bold;
    38         line-height: 30px;
    39         width: 33%;
     77        font-weight: bold;
     78        line-height: 28px;
     79        width: 80px;
    4080        text-align: center;
    41         font-family: 'Arial',sans-serif
     81        vertical-align: middle;
     82        font-family: 'Arial',sans-serif;
     83        border: 1px solid yellow;
     84        border-radius: 10px;
    4285}
    43 .panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover {
     86.panorama-control A:hover {
    4487        text-decoration: none;
     88        background: white;
     89        color: #151A23;
    4590}
     91
     92.footer-control {
     93        float: left;
     94        padding: 0;
     95        margin: 11px 0 0 10px;
     96}
     97
     98.footer-control A {
     99        float: left;
     100        margin-left: 2px;
     101        padding: 4px 0;
     102        color: white;
     103        text-decoration: none;
     104        font-size: 12px;
     105        font-weight: bold;
     106        height: 16px;
     107        width: 25px;
     108        text-align: center;
     109        /*vertical-align: middle;*/
     110        font-family: 'Arial',sans-serif;
     111        border: 1px solid gray;
     112        border-radius: 5px;
     113}
     114
    46115.panorama-control-pause {
    47116        text-transform: uppercase;
    … …  
    71140        margin: 0;
    72141        padding: 0;
    73         border: none;
    74142}
    75143

  • extensions/Panoramas/js/jquery.panorama.js

    r6527 r19535  
    1616                                auto_start: true,
    1717                                mode_360: true,
    18                                 loop_180: true
     18                                loop_180: true,
     19                                footer_display: 'visible',
     20                                cont_border: 2,
     21                                cont_border_color: '#000000',
     22                                footer_color: '#000000',
     23                                caption_color: '#CCCCCC',
     24                                footer_control_color: '#000000',
    1925                        };
    2026                        if(options) $.extend(settings, options);
    21 
    2227
    2328                        var elemWidth =  parseInt($(this).attr('width'));
    … …  
    3338                                if (isNaN(elemHeight)) elemHeight = img.height;
    3439                        }
     40
     41                        var ratio = elemWidth / 200;
     42                        if((Math.floor(elemHeight / ratio) + 22) < 50){
     43                          var FooterHeight = 50;
     44                        }else{
     45                          var FooterHeight = (Math.floor(elemHeight / ratio) + 22);
     46                        }
     47                        var halfFrame = Math.floor((settings.viewport_width / ratio) / 2);
    3548                        // --------------------------------------------------
     49                        $("#Panorama").css('border', settings.cont_border + 'px solid ' + settings.cont_border_color).css('width', (settings.cont_border) * 2 + settings.viewport_width + 'px');
     50
    3651                        var currentElement = this;
    3752                        var panoramaViewport, panoramaContainer;
    38                                        
    39 
     53                               
    4054                        $(this).css('position', 'relative')
    4155                                .css('margin', '0')
    … …  
    4761                       
    4862                        panoramaContainer = $(this).parent();
    49                         panoramaContainer.wrap("<div class='panorama-viewport'></div>").parent().css('width',settings.viewport_width+'px')
    50                                 .append("<div class='panorama-control'><a href='#' class='panorama-control-left'><<</a> <a href='#' class='panorama-control-pause'>x</a> <a href='#' class='panorama-control-right'>>></a> </div>");
    51                        
    52                         panoramaViewport = panoramaContainer.parent();
    53 
    54                         panoramaViewport.css('height', elemHeight+'px').find('a.panorama-control-left').bind('click', function() {
     63                        panoramaContainer.wrap("<div class='panorama-viewport'></div>").parent().css('width',settings.viewport_width + 'px').css('height', elemHeight+'px');
     64                       
     65                        if (settings.footer_display == 'invisible') {
     66                                $("div.panorama-viewport").append("<div class='panorama-control'><a href='#' class='panorama-control-incspeed'>&#9650;</a> <a href='#' class='panorama-control-decspeed'>&#9660;</a> <a href='#' class='panorama-control-left'>&#9668;</a> <a href='#' class='panorama-control-pause'>&#9632;</a> <a href='#' class='panorama-control-right'>&#9658;</a> </div>");
     67                                $("div.panorama-control").css('margin-left', ((settings.viewport_width - $("div.panorama-control").width()) / 2) + 'px');
     68                        }
     69                       
     70/**************************************************************/
     71// Gestion du "Footer du panorama"
     72                        if (settings.footer_display == 'visible') {
     73                                $("#Panorama").append("<div id='panoramaFooter' class='panorama-footer'><div class='footer-control'><a href='#' class='panorama-control-incspeed'>&#9650;</a><a href='#' class='panorama-control-decspeed'>&#9660;</a><a href='#' class='panorama-control-left'>&#9668;</a> <a href='#' class='panorama-control-pause'>&#9632;</a> <a href='#' class='panorama-control-right'>&#9658;</a></div><div id='panoramaCaption'></div><div id='panoramaThumb'></div></div>");
     74
     75                                $("#panoramaFooter").css('padding','0px')
     76                                        .css('height',FooterHeight)
     77                                        .css('background-color', settings.footer_color);
     78                                $("#panoramaFooter a").css('color', settings.footer_control_color).css('border-color', settings.footer_control_color);
     79                                $("#panoramaCaption").css('color', settings.caption_color).html(settings.img_name);
     80                                $("#panoramaThumb").css('height', (Math.floor(elemHeight / ratio) + 1)).css('width', '200').append("<img src='" + $(this).attr('src') + "' width=200 height=" + (Math.floor(elemHeight / ratio) + 1) + "></img><div id='thumbFrame'></div>");
     81
     82                                if(window.ie) { var ieheightadjust = 1; } else { var ieheightadjust = 3; }
     83                                $("#thumbFrame").css('position','relative')
     84                                        .css('width', (Math.floor(settings.viewport_width / ratio) + 1))
     85                                        .css('height', (Math.floor(elemHeight / ratio) + 2))
     86                                        .css('top', -(Math.floor(elemHeight / ratio) + ieheightadjust + 1));
     87                               
     88                                $("#thumbFrame" ).draggable({
     89                                        axis : "x",
     90                                        containment: "#panoramaThumb",
     91                                        drag: function( event, ui ) {
     92                                                var x = Math.floor(ui.position.left * ratio);
     93                                                $(".panorama-container").css('margin-left', - x);
     94                                        }
     95                                });
     96                               
     97                               
     98                                $("#panoramaThumb").bind('click', function(e) {
     99                                        var x = Math.floor((e.pageX - this.offsetLeft) - halfFrame);
     100                                        if(x < 0) {
     101                                                x = 0;
     102                                        }
     103                                        else if (x > 200 - $("#thumbFrame").width()) {
     104                                                x = 200 - $("#thumbFrame").width();
     105                                        }
     106                                        $("#thumbFrame").animate({left: x}, 2000 , 'swing');
     107                                        x = - Math.floor(x * ratio);
     108                                        $("div.panorama-container").animate({marginLeft: x}, 2000 , 'swing');
     109                                        return false;
     110                                });
     111                        }
     112
     113/**********************************************************/
     114// Gestion des boutons de contrôle du panorama
     115                        $("div.panorama-viewport").bind('click', function() {
     116                                panorama_stop(panoramaContainer, ratio);
     117                                return false;
     118                        });
     119 
     120                        if (settings.footer_display == 'visible') panoramaViewport = $("#panoramaFooter"); else panoramaViewport = panoramaContainer.parent();
     121                       
     122                        panoramaViewport.find('a.panorama-control-left').bind('click', function() {
    55123                                $(panoramaContainer).stop();
    56124                                settings.direction = 'right';
    … …  
    58126                                return false;
    59127                        });
    60                         panoramaViewport.bind('click', function() {
    61                                 $(panoramaContainer).stop();
    62                         });
     128
    63129                        panoramaViewport.find('a.panorama-control-right').bind('click', function() {
    64130                                $(panoramaContainer).stop();
    … …  
    67133                                return false;
    68134                        });
     135
    69136                        panoramaViewport.find('a.panorama-control-pause').bind('click', function() {
    70                                 $(panoramaContainer).stop();
    71                                 return false;
    72                         });
     137                                panorama_stop(panoramaContainer, ratio);
     138                                return false;
     139                        });
     140                       
     141                        panoramaViewport.find('a.panorama-control-incspeed').bind('click', function() {
     142                                panoramaContainer.stop().clearQueue();
     143                                if (settings.speed > 5000) settings.speed -= 2500;
     144                                panorama_animate(panoramaContainer, elemWidth, settings);
     145                                return false;
     146                        });     
     147
     148                        panoramaViewport.find('a.panorama-control-decspeed').bind('click', function() {
     149                                panoramaContainer.stop().clearQueue();
     150                                if (settings.speed < 130000) settings.speed += 2500;
     151                                panorama_animate(panoramaContainer, elemWidth, settings);
     152                                return false;
     153                        });     
    73154                       
    74155                        if (settings.control_display == 'yes') {
    … …  
    82163                                        return false;
    83164                                });
    84                                
    85                         }
    86                
    87                         $(this).parent().css('margin-left', '-'+settings.start_position+'px');
    88 
    89                         if (settings.auto_start)
    90                                 panorama_animate(panoramaContainer, elemWidth, settings);
    91                        
    92                 });
     165                        }
     166                $(this).parent().css('margin-left', '-'+settings.start_position+'px');
     167                if (settings.auto_start) panorama_animate(panoramaContainer, elemWidth, settings);
     168        });
     169
     170/**************************************************************/
     171// Scroll horizontal du panorama               
    93172                function panorama_animate(element, elemWidth, settings) {
    94173                        currentPosition = 0-parseInt($(element).css('margin-left'));
     174                        if (settings.footer_display == 'visible') $("#thumbFrame").hide();
    95175                        if (settings.direction == 'right') {
    96                                
    97176                                $(element).animate({marginLeft: 0}, ((settings.speed / elemWidth) * (currentPosition)) , 'linear', function (){
     177                                        if (settings.footer_display == 'visible') panorama_stop(element, elemWidth / 200);
    98178                                        if (settings.mode_360) {
    99179                                                $(element).css('marginLeft', '-'+(parseInt(parseInt(elemWidth))+'px'));
    … …  
    106186                        } else {
    107187                                var rightlimit;
    108                                 if (settings.mode_360)
    109                                         rightlimit = elemWidth;
    110                                 else
    111                                         rightlimit = elemWidth-settings.viewport_width;
    112                                        
    113                                 $(element).animate({marginLeft: -rightlimit}, ((settings.speed / rightlimit) * (rightlimit - currentPosition)), 'linear', function (){
     188                                if (settings.mode_360) rightlimit = elemWidth; else rightlimit = elemWidth - settings.viewport_width;
     189                                $(element).animate({marginLeft: -rightlimit}, (settings.speed / elemWidth) * (rightlimit - currentPosition), 'linear', function (){
     190                                        if (settings.footer_display == 'visible') panorama_stop(element, elemWidth / 200);
    114191                                        if (settings.mode_360) {
    115192                                                $(element).css('margin-left', 0);
    … …  
    121198                                });
    122199                        }
    123 
    124                        
    125200                }
    126                
     201
     202/**************************************************************/
     203// Arrêt du défilement et repositionnement de l'index           
     204                function panorama_stop(element, rapport) {
     205                        $(element).stop();
     206                        $("#thumbFrame").show();
     207                        var x = -Math.floor(parseInt($("div.panorama-container").css('margin-left')) / rapport);
     208                        $("#thumbFrame").css('left', x);
     209                        return false;
     210                }
    127211        };
    128212

  • extensions/Panoramas/language/en_UK/plugin.lang.php

    r6533 r19535  
    66$lang['Maximal Viewport width is out of range (Correct range: Minimal/+).'] = 'Maximal Viewport width is out of range (Correct range: Minimal/+).';
    77$lang['Minimal Viewport width is out of range (Correct range: 320/+).'] = 'Minimal Viewport width is out of range (Correct range: 320/+).';
     8$lang['Border Width ratio is out of range (Correct range: 0-10).'] = 'Panoramic border size is out of range (Correct range: 0-10).';
    89$lang['Mode 180 (Alternative left-right restart)'] = 'Mode 180 (Alternative left-right restart)';
    910$lang['Mode 360'] = 'Mode 360';
    … …  
    3233$lang['Your configuration is NOT saved due to above reasons.'] = 'Your configuration is NOT saved due to above reasons.';
    3334$lang['Your configuration is saved.'] = 'Your configuration is saved.';
     35$lang['Border width'] = 'Panoramic border size [0-10]';
     36$lang['Border color'] = 'Panoramic border color';
     37$lang['Footer display'] = 'Footer display';
     38$lang['Footer Color'] = 'Footer background color';
     39$lang['Footer Control Color'] = 'Footer control color';
     40$lang['Caption Color'] = 'Description text color';
    3441?>

  • extensions/Panoramas/language/fr_FR/plugin.lang.php

    r19460 r19535  
    66$lang['Maximal Viewport width is out of range (Correct range: Minimal/+).'] = 'La largeur maximale de la partie visible est incorrecte (Valeurs acceptables: Minimale/+).';
    77$lang['Minimal Viewport width is out of range (Correct range: 320/+).'] = 'La largeur minimale de la partie visible est incorrecte (Valeurs acceptables: 320/+).';
     8$lang['Border Width ratio is out of range (Correct range: 0-10).'] = 'L\'épaisseur de la bordure du panoramique est incorrecte (Valeurs acceptables: 0-10).';
    89$lang['Mode 180 (Alternative left-right restart)'] = 'Mode 180 (Relance de la lecture alternée gauche-droite)';
    910$lang['Mode 360'] = 'Mode 360';
    … …  
    3334$lang['Your configuration is NOT saved due to above reasons.'] = 'Votre configuration n\'a PAS été enregistré suite aux erreurs ci-dessus.';
    3435$lang['Your configuration is saved.'] = 'Votre configuration a été enregistrée.';
     36$lang['Border width'] = 'Epaisseur de la bordure du panoramique';
     37$lang['Border color'] = 'Couleur de la bordure du panoramique';
     38$lang['Footer display'] = 'Affichage de la légende';
     39$lang['Footer Color'] = 'Couleur de fond de la partie légende';
     40$lang['Footer Control Color'] = 'Couleur de bouton de contrôle de la partie légende';
     41$lang['Caption Color'] = 'Couleur du texte descriptif';
    3542?>

  • extensions/Panoramas/template/AS_Panorama_admin.tpl

    r19460 r19535  
    1414 <fieldset id="ASP_Config">
    1515  <legend>{'Panoramas configuration'|@translate}</legend>
    16   <table id="table">
     16  <table id="table" style="float:left">
    1717     <tr>
    1818    <td class="label">{'Viewport height [pixels > 500]'|@translate}</td>
    … …  
    3232    <td><input type="text" class="field" name="max_viewport_width" value="{$ASP.max_viewport_width}"  size="20" maxlength="4"/></td>
    3333   </tr>
     34   
     35    <tr>
     36           <td class="label">{'Border width'|@translate}</td>
     37           <td><input type="text" class="field" name="cont_border" value="{$ASP.cont_border}" size="20" maxlength="2"/></td>
     38   </tr>
     39    <tr>
     40           <td class="label">{'Border color'|@translate}</td>
     41           <td><input type="text" class="field colorwell" name="cont_border_color" value="{$ASP.cont_border_color}" size="20" maxlength="7"/></td>
     42   </tr>
     43   
    3444   <tr>
    3545    <td class="label">{'Relative speed factor [10-90]'|@translate}</td>
    … …  
    5060        </td>
    5161   </tr>
     62   <tr>
     63   <td class="label">{'Footer display'|@translate}</td>
     64        <td>
     65                <input type="radio" value="visible" name="footer_display" {if ($ASP.footer_display=='visible')} checked="checked" {/if}/>{'Visible'|@translate}
     66                <input type="radio" value="invisible" name="footer_display" {if ($ASP.footer_display=='invisible')}  checked="checked" {/if}/>{'Invisible'|@translate}
     67        </td>
     68   </tr>
     69   
     70   <tr>
     71           <td class="label">{'Footer Color'|@translate}</td>
     72           <td><input type="text" class="field colorwell" name="footer_color" value="{$ASP.footer_color}" size="20" maxlength="7"/></td>
     73   </tr>
     74   <tr>
     75           <td class="label">{'Footer Control Color'|@translate}</td>
     76           <td><input type="text" class="field colorwell" name="footer_control_color" value="{$ASP.footer_control_color}" size="20" maxlength="7"/></td>
     77   </tr>
     78   <tr>
     79           <td class="label">{'Caption Color'|@translate}</td>
     80           <td><input type="text" class="field colorwell" name="caption_color" value="{$ASP.caption_color}" size="20" maxlength="7"/></td>
     81   </tr>
     82
    5283   <tr>
    5384    <td class="label">{'Start position [% between 0-99]'|@translate}</td>
    … …  
    91122   </tr>
    92123  </table>
     124    <div id="colorpicker" style="float:right"></div>
    93125 </fieldset>
    94126
    95127 <p><input type="submit" value="{'Submit'|@translate}" name="submit" /></p>
    96128</form>
     129
     130<script type="text/javascript" charset="utf-8">
     131 $(document).ready(function() {ldelim}
     132     var f = $.farbtastic('#colorpicker');
     133     var selected;
     134     $('.colorwell')
     135       .each(function () {ldelim} f.linkTo(this);  })
     136       .focus(function() {ldelim}
     137        f.linkTo(this);
     138
     139       });
     140  });
     141 </script>
     142 
    97143{html_head}
    98144<script type="text/javascript">
    … …  
    103149        });
    104150</script>
     151
    105152{/html_head}

  • extensions/Panoramas/template/AS_panorama_content.tpl

    r10939 r19535  
    22
    33{combine_script id="jquery.panorama" require="jquery" path="plugins/Panoramas/js/jquery.panorama.js"}
    4 {footer_script require="jquery.panorama"}
     4{footer_script require="jquery.panorama" require='jquery.ui.draggable'}
    55jQuery(document).ready(function(){ldelim}
    66    var w = $("#imageToolBar").width();
    … …  
    1515                $("#theImage img").eq(0).removeAttr("style").attr({ldelim}width:{$ASP.width},height:{$ASP.height}}).addClass("simple_panorama");
    1616                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}
     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}'
    2532                         };
    2633                $("#theImage img.simple_panorama").panorama(options);
    … …  
    3441                {$ASP.content}
    3542        </div>
     43        <br />
Note: See TracChangeset for help on using the changeset viewer.