source: extensions/Media_Icon/template/media_icon_thumbnails.tpl @ 19337

Last change on this file since 19337 was 19337, checked in by julien1311, 11 years ago

add support of videos and musics

  • Property svn:eol-style set to LF
File size: 3.3 KB
Line 
1{html_head}
2{literal}
3<style type="text/css">
4        .media_icon_pdf, .media_icon_admin_pdf {
5{/literal}
6                opacity: {$media_icon_advanced.opacity/100};
7                moz-opacity: {$media_icon_advanced.opacity/100};
8                filter:alpha(opacity={$media_icon_advanced.opacity});
9{literal}
10        }
11.media_icon_youtube,
12.media_icon_vimeo,
13.media_icon_dailymotion,
14.media_icon_wat,
15.media_icon_wideo,
16.media_icon_video,
17.media_icon_music,
18.media_icon_pdf,
19.media_icon_document,
20.media_icon_spreadsheet,
21.media_icon_presentation {
22{/literal}
23        position: absolute;
24        {$media_icon_advanced.xposition};
25        {$media_icon_advanced.yposition};
26{literal}
27}
28</style>
29<script type="text/javascript">
30        //Add Media Icon markups to thumbnails
31        function media_icon_markup() {
32                //Youtube
33                $("img[media_icon^=youtube]").before('<span class="media_icon_youtube"></span>');
34                //Vimeo
35                $("img[media_icon^=vimeo]").before('<span class="media_icon_vimeo"></span>');
36                //Dailymotion
37                $("img[media_icon^=dailymotion]").before('<span class="media_icon_dailymotion"></span>');
38                //Wat
39                $("img[media_icon^=wat]").before('<span class="media_icon_wat"></span>');
40                //Wideo
41                $("img[media_icon^=wideo]").before('<span class="media_icon_wideo"></span>');
42                //Video
43                $("img[media_icon$=webm]").before('<span class="media_icon_video"></span>');
44                $("img[media_icon$=webmv]").before('<span class="media_icon_video"></span>');
45                $("img[media_icon$=ogv]").before('<span class="media_icon_video"></span>');
46                $("img[media_icon$=m4v]").before('<span class="media_icon_video"></span>');
47                $("img[media_icon$=flv]").before('<span class="media_icon_video"></span>');
48                $("img[media_icon$=mp4]").before('<span class="media_icon_video"></span>');
49                //Music
50                $("img[media_icon$=mp3]").before('<span class="media_icon_music"></span>');
51                $("img[media_icon$=ogg]").before('<span class="media_icon_music"></span>');
52                $("img[media_icon$=oga]").before('<span class="media_icon_music"></span>');
53                $("img[media_icon$=m4a]").before('<span class="media_icon_music"></span>');
54                $("img[media_icon$=webma]").before('<span class="media_icon_music"></span>');
55                $("img[media_icon$=fla]").before('<span class="media_icon_music"></span>');
56                $("img[media_icon$=wav]").before('<span class="media_icon_music"></span>');
57                //pdf
58                $("img[media_icon$=pdf]").before('<span class="media_icon_pdf"></span>');
59                //doc, docx or odt
60                $("img[media_icon$=doc]").before('<span class="media_icon_document"></span>');
61                $("img[media_icon$=docx]").before('<span class="media_icon_document"></span>');
62                $("img[media_icon$=odt]").before('<span class="media_icon_document"></span>');
63                //xls, xlsx or ods
64                $("img[media_icon$=xls]").before('<span class="media_icon_spreadsheet"></span>');
65                $("img[media_icon$=xlsx]").before('<span class="media_icon_spreadsheet"></span>');
66                $("img[media_icon$=ods]").before('<span class="media_icon_spreadsheet"></span>');
67                //ppt, pptx or odp
68                $("img[media_icon$=ppt]").before('<span class="media_icon_presentation"></span>');
69                $("img[media_icon$=pptx]").before('<span class="media_icon_presentation"></span>');
70                $("img[media_icon$=odp]").before('<span class="media_icon_presentation"></span>');
71        }
72 
73        //Allow Media Icon to work with RV Thumb Scroller
74        jQuery(window).bind("RVTS_loaded", function(){
75                media_icon_markup();
76        });
77
78        //When the document has finiched to load
79        jQuery(document).ready(function(){
80                media_icon_markup();
81        });
82</script>
83{/literal}
84{/html_head}
Note: See TracBrowser for help on using the repository browser.