Changeset 16501
- Timestamp:
- Jul 8, 2012, 5:45:23 PM (12 years ago)
- Location:
- extensions/flop_style
- Files:
-
- 11 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/flop_style/mainpage_categories/jPolaroid.tpl
r16393 r16501 2 2 {combine_css path="template-extension/flop_style/mainpage_categories/jPolaroid/jpolaroid.minified.css"} 3 3 {combine_script id="jquery.jpolaroid.minified" load="header" path="template-extension/flop_style/mainpage_categories/jPolaroid/jquery.jpolaroid.min.js"} 4 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 5 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 4 6 {html_head} 5 7 {literal} … … 32 34 <ul class="jpolaroid"> 33 35 {foreach from=$category_thumbnails item=cat} 36 {assign var=derivative value=$pwg->derivative($derivative_jPolaroid, $cat.representative.src_image)} 34 37 <li> 35 38 <a href="{$cat.URL}" title="{$cat.NAME|@replace:'"':' '}"> 36 <img src="{$pwg->derivative_url($derivative_jPolaroid, $cat.representative.src_image)}"alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" >39 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" > 37 40 </a> 38 41 </li> -
extensions/flop_style/mainpage_categories/medium_cat.tpl
r16410 r16501 6 6 7 7 .thumbnailCategory { 8 height:{/literal}{$derivative_params->max_width()+50}{literal}px; 8 height:{/literal}{$derivative_params->max_width()+60}{literal}px; 9 width:{/literal}{$derivative_params->max_width()+10}{literal}px; 10 overflow:hidden; 9 11 } 10 12 {/literal}{/html_style} -
extensions/flop_style/mainpage_categories/mosaic.tpl
r16393 r16501 2 2 {combine_css path="template-extension/flop_style/mainpage_categories/mosaic.css"} 3 3 {combine_script id="jquery.mosaic" load="header" path="template-extension/flop_style/mainpage_categories/mosaic/mosaic.1.0.1.min.js"} 4 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 5 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 4 6 {html_head} 5 7 {literal} … … 22 24 {define_derivative name='derivative_mosaic' width=$derivative_params->max_width() height=$derivative_params->max_height() crop=true} 23 25 <div id="mosaic-content"> {foreach from=$category_thumbnails item=cat} 26 {assign var=derivative value=$pwg->derivative($derivative_mosaic, $cat.representative.src_image)} 24 27 <div class="mosaic-block bar"> <a href="{$cat.URL}" class="mosaic-overlay"> 25 28 <div class="details"> … … 35 38 </div> 36 39 </a> 37 <div class="mosaic-backdrop"> <img src="{$pwg->derivative_url($derivative_mosaic, $cat.representative.src_image)}"alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}"> </div>40 <div class="mosaic-backdrop"> <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}"> </div> 38 41 </div> 39 42 {/foreach} -
extensions/flop_style/mainpage_categories/picpile_cat.css
r9825 r16501 2 2 } 3 3 .thumbnailCategories { 4 padding-left:auto;5 padding-right:auto;6 padding: 5px;7 4 list-style: none outside none; 8 5 text-align: center; -
extensions/flop_style/mainpage_categories/picpile_cat.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/mainpage_categories/picpile_cat.css"} 2 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 3 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 2 4 {if $themeconf.name == "Sylvia"} 3 5 {html_style} … … 34 36 <span class="wrap1"><div class="albumHolder"> 35 37 <div class="picRotated"></div> 36 <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img { $der_picpile_cat->get_size_htm()} title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" src="{$der_picpile_cat->get_url()}"> <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div>38 <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img {if $der_picpile_cat->is_cached()}src="{$der_picpile_cat->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$der_picpile_cat->get_url()}"{/if} {$der_picpile_cat->get_size_htm()} title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" > <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div> 37 39 <div title="{$cat.NAME}" class="albumTitle">{$cat.NAME}</div> 38 40 <div class="clear"></div> 39 41 </div> 40 {*41 <div class="thumbnailCategory">42 <div class="illustration">43 <a href="{$cat.URL}">44 <img src="{$cat.TN_SRC}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}">45 </a>46 </div>47 <div class="description">48 <h3>49 <a href="{$cat.URL}">{$cat.NAME}</a>50 {if !empty($cat.icon_ts)}51 <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">52 {/if}53 </h3>54 <div class="text">55 {if isset($cat.INFO_DATES) }56 <p class="dates">{$cat.INFO_DATES}</p>57 {/if}58 <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>59 {if not empty($cat.DESCRIPTION)}60 <p>{$cat.DESCRIPTION}</p>61 {/if}62 </div>63 </div>64 </div>65 *}66 42 </span> 67 43 </li> -
extensions/flop_style/mainpage_categories/polaroid.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/mainpage_categories/polaroid.css"} 2 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 3 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 2 4 {html_style}{literal} 3 5 ul.polaroids a { … … 13 15 <ul class="polaroids"> 14 16 {foreach from=$category_thumbnails item=cat} 15 <li> 17 {assign var=derivative value=$pwg->derivative($derivative_polaroid, $cat.representative.src_image)} 18 <li> 16 19 <a href="{$cat.URL}" title="{$cat.NAME|truncate:20:" [...]"|@replace:'"':' '}"> 17 <img src="{$pwg->derivative_url($derivative_polaroid, $cat.representative.src_image)}"alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" >20 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" > 18 21 </a> 19 22 </li> -
extensions/flop_style/mainpage_categories/popout_details.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/mainpage_categories/popout_details.css"} 2 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 3 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 2 4 {footer_script require='jquery'} 3 5 {literal} … … 5 7 var max_dim_height = 0; 6 8 jQuery(window).load(function() { 7 $(".columns a img").each(function () {9 jQuery(".columns a img").each(function () { 8 10 if (jQuery(this).height() > max_dim_height) 9 11 max_dim_height = jQuery(this).height() + 10; … … 25 27 <ul class="columns"> 26 28 {foreach from=$category_thumbnails item=cat} 29 {assign var=derivative value=$pwg->derivative($derivative_params, $cat.representative.src_image)} 27 30 <li> 28 31 <a href="{$cat.URL}"> 29 <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}"alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}">32 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}"> 30 33 </a> 31 34 <div class="info"> -
extensions/flop_style/mainpage_categories/spotlight.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/mainpage_categories/spotlight.css"} 2 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 3 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 2 4 {footer_script require='jquery'}{literal} 3 $(document).ready(function () {5 jQuery(document).ready(function () { 4 6 5 7 //loop through all the children in #items 6 8 //save title value to a span and then remove the value of the title to avoid tooltips 7 $('#items .item').each(function () {8 title = $(this).attr('title');9 $(this).append('<span class="caption">' + title + '</span>');10 $(this).attr('title','');9 jQuery('#items .item').each(function () { 10 title = jQuery(this).attr('title'); 11 jQuery(this).append('<span class="caption">' + title + '</span>'); 12 jQuery(this).attr('title',''); 11 13 }); 12 14 13 $('#items .item').hover(15 jQuery('#items .item').hover( 14 16 function () { 15 17 //set the opacity of all siblings 16 $(this).siblings().css({'opacity': '0.1'});18 jQuery(this).siblings().css({'opacity': '0.1'}); 17 19 18 20 //set the opacity of current item to full, and add the effect class 19 $(this).css({'opacity': '1.0'}).addClass('effect');21 jQuery(this).css({'opacity': '1.0'}).addClass('effect'); 20 22 21 23 //show the caption 22 $(this).children('.caption').show();24 jQuery(this).children('.caption').show(); 23 25 }, 24 26 function () { 25 27 //hide the caption 26 $(this).children('.caption').hide();28 jQuery(this).children('.caption').hide(); 27 29 } 28 30 ); 29 31 30 $('#items').mouseleave(function () {32 jQuery('#items').mouseleave(function () { 31 33 //reset all the opacity to full and remove effect class 32 $(this).children().fadeTo('100', '1.0').removeClass('effect');34 jQuery(this).children().fadeTo('100', '1.0').removeClass('effect'); 33 35 }); 34 36 35 37 }); 36 $(document).ready(function() {37 var max_dim_width = 0;38 var max_dim_height = 0;39 $(".item img").each(function () {40 if (jQuery(this).height() > max_dim_height)41 max_dim_height = jQuery(this).height() + 10;42 if (jQuery(this).width() > max_dim_width)43 max_dim_width = jQuery(this).width() + 10;44 45 jQuery(".item, .item img")46 .css('width', max_dim_width+'px')47 .css('height', max_dim_height+'px');48 });49 });50 38 51 39 {/literal}{/footer_script} 40 {define_derivative name='spotlight' width=$derivative_params->max_width() height=$derivative_params->max_height() crop=true} 41 52 42 <div id="items"> 53 43 {foreach from=$category_thumbnails item=cat} 54 <a href="{$cat.URL}" class="item" title="{$cat.NAME|@replace:'"':' '}{if not empty($cat.DESCRIPTION)} - {$cat.DESCRIPTION|@replace:'"':' '}{/if}"> 55 <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" > 56 </a> 44 {assign var=derivative value=$pwg->derivative($spotlight, $cat.representative.src_image)} 45 <a href="{$cat.URL}" class="item" title="{$cat.NAME|@replace:'"':' '}{if not empty($cat.DESCRIPTION)} - {$cat.DESCRIPTION|@replace:'"':' '}{/if}" style="{assign var=sz value=$derivative->get_size()}width:{$sz[0]}px;height:{$sz[1]}px"> 46 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" {$derivative->get_size_htm()}> 47 </a> 57 48 {/foreach} 58 49 </div> -
extensions/flop_style/thumbnails/fancy_hover.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/thumbnails/fancy_hover.css"} 2 2 {combine_script id='jquery' path='themes/default/js/jquery.min.js'} 3 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 4 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 3 5 {define_derivative name='derivative_fh' width=$derivative_params->max_width() height=$derivative_params->max_height() crop=true} 4 6 {html_head} 5 7 {literal} 6 8 <script type="text/javascript"> 7 $(document).ready(function(){9 jQuery(document).ready(function(){ 8 10 $("ul.thumbnails li").hover(function() { 9 11 $(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ … … 50 52 {if !empty($thumbnails)} 51 53 {strip}{foreach from=$thumbnails item=thumbnail} 54 {assign var=derivative value=$pwg->derivative($derivative_fh, $thumbnail.src_image)} 52 55 <li> 53 56 <a href="{$thumbnail.URL}" title="{if isset($thumbnail.NAME)}{$thumbnail.NAME|truncate:11:" [...]"|@replace:'"':' '}{/if}"> 54 <img src="{$pwg->derivative_url($derivative_fh, $thumbnail.src_image)}"class="thumb_jpolaroid" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" >57 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} class="thumb_jpolaroid" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" > 55 58 </a> 56 59 </li> -
extensions/flop_style/thumbnails/jPolaroid.tpl
r16393 r16501 2 2 {combine_css path="template-extension/flop_style/mainpage_categories/jPolaroid/jpolaroid.minified.css"} 3 3 {combine_script id="jquery.jpolaroid.minified" load="header" path="template-extension/flop_style/mainpage_categories/jPolaroid/jquery.jpolaroid.min.js"} 4 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 5 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 4 6 {html_head} 5 7 {literal} … … 32 34 {if !empty($thumbnails)} 33 35 {strip}{foreach from=$thumbnails item=thumbnail} 36 {assign var=derivative value=$pwg->derivative($derivative_jPolaroid, $thumbnail.src_image)} 34 37 <li> 35 36 <img src="{$pwg->derivative_url($derivative_jPolaroid, $thumbnail.src_image)}"class="thumb_jpolaroid" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" >37 38 <a href="{$thumbnail.URL}" title="{if isset($thumbnail.NAME)}{$thumbnail.NAME|truncate:11:" [...]"|@replace:'"':' '}{/if}"> 39 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} class="thumb_jpolaroid" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" > 40 </a> 38 41 </li> 39 42 {/foreach}{/strip} -
extensions/flop_style/thumbnails/polaroid.tpl
r16393 r16501 1 1 {combine_css path="template-extension/flop_style/thumbnails/polaroid.css"} 2 {combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'} 3 {combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'} 2 4 {html_style}{literal} 3 5 ul.thumbnails a { … … 14 16 {if !empty($thumbnails)} 15 17 {strip}{foreach from=$thumbnails item=thumbnail} 18 {assign var=derivative value=$pwg->derivative($derivative_polaroid, $thumbnail.src_image)} 16 19 <li> 17 <a href="{$thumbnail.URL}" title="{if isset($thumbnail.NAME)}{$thumbnail.NAME|truncate: 11:" [...]"|@replace:'"':' '}{/if}">18 <img src="{$pwg->derivative_url($derivative_polaroid, $thumbnail.src_image)}"alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" >20 <a href="{$thumbnail.URL}" title="{if isset($thumbnail.NAME)}{$thumbnail.NAME|truncate:20:" [...]"|@replace:'"':' '}{/if}"> 21 <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" > 19 22 </a> 20 23 </li>
Note: See TracChangeset
for help on using the changeset viewer.