source: extensions/flop_style/mainpage_categories/captify_mini.tpl @ 9818

Last change on this file since 9818 was 9818, checked in by flop25, 13 years ago

captify and polaroid fully functional

File size: 1.4 KB
Line 
1{combine_css path="template-extension/flop_style/mainpage_categories/captify_mini.css"}
2{combine_script id="jquery.captify" load="header" path="template-extension/flop_style/mainpage_categories/captify/captify.tiny.js"}
3{html_head}
4  {literal}
5<script type="text/javascript">
6$(function(){
7        $('img.captify').captify({
8                // all of these options are... optional
9                // ---
10                // speed of the mouseover effect
11                speedOver: 'fast',
12                // speed of the mouseout effect
13                speedOut: 'normal',
14                // how long to delay the hiding of the caption after mouseout (ms)
15                hideDelay: 500,
16                // 'fade', 'slide', 'always-on'
17                animation: 'slide',             
18                // text/html to be placed at the beginning of every caption
19                prefix: '',             
20                // opacity of the caption on mouse over
21                opacity: '0.7',                                 
22                // the name of the CSS class to apply to the caption box
23                className: 'caption-bottom',   
24                // position of the caption (top or bottom)
25                position: 'bottom',
26                // caption span % of the image
27                spanWidth: '100%'
28        });
29});
30</script>
31  {/literal}
32{/html_head}
33
34<ul class="thumbnailCategories">
35{foreach from=$category_thumbnails item=cat}
36  <li class="{cycle values="cat_1,cat_2,cat_3,cat_4"}" >
37                        <span class="wrap1"><a href="{$cat.URL}">
38                                <img src="{$cat.TN_SRC}" class="captify" alt="{$cat.NAME|truncate:38:" [...]"}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" >
39                        </a></span>
40        </li>
41{/foreach}
42</ul>
Note: See TracBrowser for help on using the repository browser.