Changeset 19535


Ignore:
Timestamp:
12/23/12 14:40:24 (7 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.