Changeset 8183


Ignore:
Timestamp:
12/17/10 21:39:08 (9 years ago)
Author:
Zaphod
Message:

Changes for version 1.1.0 :

  • picture navbuttons moved into the title bar
  • increased size of prev/next thumbnail zone on picture page
  • picture icons and thumbnail arrows replaced by png stripes
Location:
extensions/stripped
Files:
2 added
37 deleted
6 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped/js/scripts-tpp.js

    r7989 r8183  
    5959        var delay; 
    6060        if (options.animatedTabs) {delay = "slow";} else {delay = 0;} 
     61        var hfirst; 
     62        if (jQuery.browser.msie) {hfirst=false;} else {hfirst=true;} 
    6163         
    6264        var tab_titles=jQuery(".tabTitle"); 
     
    9597                                                if (index1 == index2) { 
    9698                                                        if (old_selected_tab == -1) { 
    97                                                                 jQuery(this).show("fold",{horizFirst:true,mode:"show",size:'1'},delay); 
     99                                                                jQuery(this).show("fold",{horizFirst:hfirst,mode:"show",size:'1'},delay); 
    98100                                                        } else { 
    99101                                                                jQuery(this).show(); 
     
    268270                        // position 
    269271                         
    270                         var prevbox_pos1= parseInt( ( content_width - image_width + PrevImg.outerWidth()) / 2 ) + 20; 
     272                        var prevbox_pos1= parseInt( ( content_width - image_width + PrevImg.outerWidth()) / 2 ) + 120; 
    271273                        var prevbox_pos0= prevbox_pos1 - PrevBoxOut.width(); 
    272274                        var left_margin = parseInt( ( window_width - content_width ) / 2 ); 
     
    301303                        // position 
    302304 
    303                         var nextbox_pos1= parseInt( ( content_width - image_width + NextImg.outerWidth()) / 2 ) + 20; 
     305                        var nextbox_pos1= parseInt( ( content_width - image_width + NextImg.outerWidth()) / 2 ) + 120; 
    304306                        var nextbox_pos0= nextbox_pos1 - NextBoxOut.width(); 
    305307                        var right_margin = parseInt( ( window_width - content_width ) / 2 ); 
  • extensions/stripped/readme.txt

    r7989 r8183  
    2828--------- 
    2929 
     30*** version 1.1.0 
     31 
     32- picture navbuttons moved into the title bar 
     33- increased size of prev/next thumbnail zone on picture page 
     34- picture icons and thumbnail arrows replaced by png stripes 
     35- improved compatibility with Internet Explorer 6 (centered thumbnails) 
     36 
     37*** version 1.0.2 
     38 
     39- minor layout changes 
     40- improved compatibility with Internet Explorer 
     41 
    3042*** version 1.0.1 
    3143 
  • extensions/stripped/template/picture.tpl

    r8025 r8183  
    5656                        <li><a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow">{'slideshow'|@translate}</a></li> 
    5757        {/if} 
    58                 <li><div class="imageNumber">{$PHOTO}</div></li> 
     58                <li id="imageToolBar"> 
     59                        {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 
     60                </li> 
     61                <li class="imageNumber">{$PHOTO}</li> 
    5962                {php} 
    6063                        global $pwg_loaded_plugins; 
     
    8184  </div> 
    8285 
    83   <!--Infos--> 
    84   
    85   <div id="imageInfoBar"> 
    86         <div id="imageToolBar"> 
    87       {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 
    88     </div> 
    89   </div> 
    90          
    9186        {assign var='display_description_tab' value=false} 
    9287        {if (!($smarty.config.showDescriptionInsteadOfTitle) && isset($COMMENT_IMG))} 
     
    145140                {/if} 
    146141                <div id="tabTitleBar"> 
    147                         <ul id="tabTitles" style="height:50px;"> 
     142                        <ul id="tabTitles"> 
    148143                                {if $display_description_tab} 
    149144                                        <li id="tabTcaption" class="tabTitle">{'Description'|@translate}</li> 
  • extensions/stripped/template/picture_nav_buttons.tpl

    r7989 r8183  
    22{if $DISPLAY_NAV_BUTTONS or isset($slideshow)} 
    33 
    4   {if isset($last)} 
    5     <a id="icon_last" class="navButton" href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" rel="last"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/last.png" class="button" alt="{'Last'|@translate}">--></a> 
     4  {if isset($slideshow.U_STOP_REPEAT)} 
     5    <a id="icon_stop_repeat" class="navButton" href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}">&nbsp;</a> 
     6  {/if} 
     7 
     8  {if isset($slideshow.U_START_REPEAT)} 
     9    <a id="icon_start_repeat" class="navButton" href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}">&nbsp;</a> 
     10  {/if} 
     11 
     12  {if isset($first)} 
     13    <a id="icon_first" class="navButton" href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" rel="first">&nbsp;</a> 
    614  {else} 
    7     <a class="navButton"><img src="{$ROOT_URL}{$themeconf.icon_dir}/last_0.png" class="button" alt=""></a> 
     15    <a id="icon_first_0" class="navButton">&nbsp;</a> 
     16  {/if} 
     17 
     18  {if isset($previous)} 
     19    <a id="icon_left" class="navButton" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev">&nbsp;</a> 
     20  {else} 
     21    <a id="icon_left_0" class="navButton">&nbsp;</a> 
     22  {/if} 
     23 
     24  {if isset($U_UP) and !isset($slideshow)} 
     25    <a id="icon_up" class="navButton" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="up">&nbsp;</a> 
     26  {/if} 
     27 
     28  {if isset($U_SLIDESHOW_STOP)} 
     29    <a id="icon_stop" class="navButton" href="{$U_SLIDESHOW_STOP}" title="{'stop the slideshow'|@translate}">&nbsp;</a> 
     30  {/if} 
     31 
     32  {if isset($slideshow.U_STOP_PLAY)} 
     33    <a id="icon_pause" class="navButton" href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}">&nbsp;</a> 
     34  {/if} 
     35 
     36  {if isset($slideshow.U_START_PLAY)} 
     37    <a id="icon_play" class="navButton" href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}">&nbsp;</a> 
    838  {/if} 
    939 
    1040  {if isset($next)} 
    11     <a id="icon_right" class="navButton" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" class="button" alt="{'Next'|@translate}">--></a> 
     41    <a id="icon_right" class="navButton" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next">&nbsp;</a> 
    1242  {else} 
    13     <a class="navButton"><img src="{$ROOT_URL}{$themeconf.icon_dir}/right_0.png" class="button" alt=""></a> 
     43    <a id="icon_right_0" class="navButton">&nbsp;</a> 
    1444  {/if} 
    1545 
    16   {if isset($slideshow.U_START_PLAY)} 
    17     <a id="icon_play" class="navButton" href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}"><!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/play.png" class="button" alt="{'Play of slideshow'|@translate}"> --></a> 
    18   {/if} 
    19  
    20   {if isset($slideshow.U_STOP_PLAY)} 
    21     <a id="icon_pause" class="navButton" href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}"><!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/pause.png" class="button" alt="{'Pause of slideshow'|@translate}"> --></a> 
    22   {/if} 
    23  
    24   {if isset($U_SLIDESHOW_STOP)} 
    25     <a id="icon_stop" class="navButton" href="{$U_SLIDESHOW_STOP}" title="{'stop the slideshow'|@translate}"><!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/stop.png" class="button" alt="{'Play of slideshow'|@translate}"> --></a> 
    26   {/if} 
    27  
    28   {if isset($U_UP) and !isset($slideshow)} 
    29     <a id="icon_up" class="navButton" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="up"><!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/up.png" class="button" alt="{'Thumbnails'|@translate}"> --></a> 
    30   {/if} 
    31  
    32   {if isset($previous)} 
    33     <a id="icon_left" class="navButton" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" class="button" alt="{'Previous'|@translate}">--></a> 
     46  {if isset($last)} 
     47    <a id="icon_last" class="navButton" href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" rel="last">&nbsp;</a> 
    3448  {else} 
    35     <a class="navButton"><img src="{$ROOT_URL}{$themeconf.icon_dir}/left_0.png" class="button" alt=""></a> 
    36   {/if} 
    37  
    38   {if isset($first)} 
    39     <a id="icon_first" class="navButton" href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" rel="first"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/first.png" class="button" alt="{'First'|@translate}">--></a> 
    40   {else} 
    41     <a class="navButton"><img src="{$ROOT_URL}{$themeconf.icon_dir}/first_0.png" class="button" alt=""></a> 
    42   {/if} 
    43  
    44  
    45   {if isset($slideshow.U_START_REPEAT)} 
    46     <a id="icon_start_repeat" class="navButton" href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/start_repeat.png" class="button" alt="{'Repeat the slideshow'|@translate}">--></a> 
    47   {/if} 
    48  
    49   {if isset($slideshow.U_STOP_REPEAT)} 
    50     <a id="icon_stop_repeat" class="navButton" href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}"><!--<img src="{$ROOT_URL}{$themeconf.icon_dir}/stop_repeat.png" class="button" alt="{'Not repeat the slideshow'|@translate}">--></a> 
     49    <a id="icon_last_0" class="navButton">&nbsp;</a> 
    5150  {/if} 
    5251 
  • extensions/stripped/template/slideshow.tpl

    r8100 r8183  
    1010                        &nbsp; 
    1111                </div> 
     12            <ul class="randomButtons"> 
     13                        <li id="imageToolBar"> 
     14                                {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 
     15                        </li> 
     16                        <li class="imageNumber">{$PHOTO}</li> 
     17                </ul> 
    1218                <div style="clear: both;"></div> 
    1319        </div> <!-- imageHeaderBar --> 
    1420 
    1521        <div id="content"> 
    16                 <div id="imageInfoBar"> 
    17                         <div id="imageToolBar"> 
    18                                 {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 
    19                         </div> 
    20                 </div> 
    21  
    2222                {assign var='display_description_tab' value=false} 
    2323                {if (!($smarty.config.showDescriptionInsteadOfTitle) && isset($COMMENT_IMG))} 
  • extensions/stripped/theme.css

    r8025 r8183  
    167167 
    168168.titrePage { 
     169        height:21px; 
    169170        font-size:115.385%; 
    170171        margin: 0.5em 0 0 0; 
    171         line-height: 1.5em; 
     172        line-height: 1.4em; 
    172173} 
    173174 
     
    201202  display: inline; 
    202203  vertical-align:top; 
    203   padding-left:3px; 
     204  padding-left:7px; 
     205  float:left; 
    204206} 
    205207 
     
    572574        top: 195px; 
    573575        left: 4px; 
    574         background: transparent url(icon/nb_prev_1.png) no-repeat scroll; 
     576        background: transparent url(icon/arrows.png) 0 0 no-repeat; 
    575577} 
    576578#thumb_navigation #tn_next { 
     
    578580        top: 195px; 
    579581        right: 4px; 
    580         background: transparent url(icon/nb_next_1.png) no-repeat scroll; 
     582        background: transparent url(icon/arrows.png) -20px 0 no-repeat; 
    581583} 
    582584#thumb_navigation a#tn_prev:hover { 
    583         background: transparent url(icon/nb_prev_2.png) no-repeat scroll; 
     585        background: transparent url(icon/arrows.png) 0 -150px no-repeat; 
    584586} 
    585587#thumb_navigation a#tn_next:hover { 
    586         background: transparent url(icon/nb_next_2.png) no-repeat scroll; 
     588        background: transparent url(icon/arrows.png) -20px -150px no-repeat; 
    587589} 
    588590 
     
    591593#thePicturePage #theHeader { 
    592594        display: none; 
    593 } 
    594  
    595 #imageToolBar { 
    596         float:right; 
    597 } 
    598  
    599 #imageInfoBar { 
    600         display:block; 
    601         height:25px; 
    602         clear:both; 
    603         padding: 0 2px; 
    604595} 
    605596 
     
    621612        display: inline; 
    622613        vertical-align:top; 
    623         padding-left:3px; 
     614        padding-left:7px; 
     615        float:left; 
    624616} 
    625617 
     
    654646        display:inline; 
    655647        font-weight:normal; 
    656         padding-left:2px; 
    657648} 
    658649 
     
    704695        top: 0; 
    705696        left: 0px; 
    706         width: 200px; 
     697        width: 300px; 
    707698        height: 600px; 
    708699        text-align: right; 
     
    713704        top: 0; 
    714705        right: 0px; 
    715         width: 200px; 
     706        width: 300px; 
    716707        height: 600px; 
    717708        text-align: left; 
     
    720711#linkPrevIn  { 
    721712        margin-right: 40px; 
     713        padding-right:100px; 
    722714        height: 100%; 
    723715        text-align: right; 
     
    727719#linkNextIn     { 
    728720        margin-left: 40px; 
     721        padding-left:100px; 
    729722        height: 100%; 
    730723        text-align: left; 
     
    824817 
    825818#imageToolBar .navButton { 
    826         display:inline-block; 
    827         width:24px; 
    828         height:24px; 
    829         float:right; 
     819        display:inline; 
     820        width:20px; 
     821        height:20px; 
     822        float:left; 
    830823        margin:0 2px; 
    831 } 
    832  
    833 #icon_last                                      {       background:url(icon/last_1.png);                        } 
    834 #icon_last:hover                        {       background:url(icon/last_2.png);                        } 
    835 #icon_right                                     {       background:url(icon/right_1.png);                       } 
    836 #icon_right:hover                       {       background:url(icon/right_2.png);                       } 
    837 #icon_play                                      {       background:url(icon/play_1.png);                        } 
    838 #icon_play:hover                        {       background:url(icon/play_2.png);                        } 
    839 #icon_stop                                      {       background:url(icon/stop_1.png);                        } 
    840 #icon_stop:hover                        {       background:url(icon/stop_2.png);                        } 
    841 #icon_pause                                     {       background:url(icon/pause_1.png);                       } 
    842 #icon_pause:hover                       {       background:url(icon/pause_2.png);                       } 
    843 #icon_up                                        {       background:url(icon/up_1.png);                          } 
    844 #icon_up:hover                          {       background:url(icon/up_2.png);                          } 
    845 #icon_left                                      {       background:url(icon/left_1.png);                        } 
    846 #icon_left:hover                        {       background:url(icon/left_2.png);                        } 
    847 #icon_first                                     {       background:url(icon/first_1.png);                       } 
    848 #icon_first:hover                       {       background:url(icon/first_2.png);                       } 
    849 #icon_start_repeat                      {       background:url(icon/start_repeat_1.png);        } 
    850 #icon_start_repeat:hover        {       background:url(icon/start_repeat_2.png);        } 
    851 #icon_stop_repeat                       {       background:url(icon/stop_repeat_1.png);         } 
    852 #icon_stop_repeat:hover                 {       background:url(icon/stop_repeat_2.png);         } 
    853 #icon_dec_period                        {       background:url(icon/dec_period_1.png);          } 
    854 #icon_dec_period:hover          {       background:url(icon/dec_period_2.png);          } 
    855 #icon_inc_period                        {       background:url(icon/inc_period_1.png);          } 
    856 #icon_inc_period:hover          {       background:url(icon/inc_period_2.png);          } 
     824        background-image: url(icon/picture.png); 
     825        background-repeat: no-repeat; 
     826        overflow:hidden; 
     827} 
     828 
     829#icon_first_0                           {       background-position: 0          0               } 
     830#icon_first                                     {       background-position: 0          -20px   } 
     831#icon_first:hover                       {       background-position: 0          -40px   } 
     832#icon_left_0                            {       background-position: -20px      0               } 
     833#icon_left                                      {       background-position: -20px      -20px   } 
     834#icon_left:hover                        {       background-position: -20px      -40px   } 
     835#icon_up                                        {       background-position: -40px      -20px   } 
     836#icon_up:hover                          {       background-position: -40px      -40px   } 
     837#icon_stop                                      {       background-position: -60px      -20px   } 
     838#icon_stop:hover                        {       background-position: -60px      -40px   } 
     839#icon_pause                                     {       background-position: -80px      -20px   } 
     840#icon_pause:hover                       {       background-position: -80px      -40px   } 
     841#icon_play                                      {       background-position: -100px     -20px   } 
     842#icon_play:hover                        {       background-position: -100px     -40px   } 
     843#icon_right_0                           {       background-position: -120px 0           } 
     844#icon_right                                     {       background-position: -120px     -20px   } 
     845#icon_right:hover                       {       background-position: -120px -40px       } 
     846#icon_last_0                            {       background-position: -140px 0           } 
     847#icon_last                                      {       background-position: -140px     -20px   } 
     848#icon_last:hover                        {       background-position: -140px -40px       } 
     849#icon_stop_repeat                       {       background-position: -160px -20px       } 
     850#icon_stop_repeat:hover                 {       background-position: -160px -40px       } 
     851#icon_start_repeat                      {       background-position: -180px -20px       } 
     852#icon_start_repeat:hover        {       background-position: -180px -40px       } 
     853#icon_inc_period                        {       background-position: -200px     -20px   } 
     854#icon_inc_period:hover          {       background-position: -200px -40px       } 
     855#icon_dec_period                        {       background-position: -220px -20px       } 
     856#icon_dec_period:hover          {       background-position: -220px -40px       } 
    857857 
    858858/* Tabs ---------------------------------------------------------------------------------------- */ 
Note: See TracChangeset for help on using the changeset viewer.