Changeset 8183


Ignore:
Timestamp:
Dec 17, 2010, 9:39:08 PM (10 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.