works alright in IE7

diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css
index 0de75c435d2857192aa74b877371a240ce429549..96f6be30f1e1c87cefcaa6fb699047b30edb74a2 100644 (file)
--- a/telemeta/htdocs/css/player.css
+++ b/telemeta/htdocs/css/player.css
@@ -17,19 +17,19 @@
 }
 
 
-#player_maximized button, #player_minimized button {
+#player_maximized .toggle, #player_minimized .toggle {
+    display: block;
+    overflow: hidden;
     position: absolute;
     right: 12px;
-    top: 2px;
-    font-size: 10px;
-    padding: 2px;
-    margin: 2px 1px 1px 1px;
-    background: transparent;
-    color: transparent;
-    width: 20px;
-    height: 10px;
-    border: solid 1px white;
-    border-top: solid 2px white;
+    top: 4px;
+    width: 18px;
+    padding: 10px 0 0 0;
+    height: 0px !important; 
+    height /**/:10px; /* for IE5/Win only */
+    background-image: url('../images/maximize.gif');
+    text-decoration: none;
+    border: 0;
 }
 #player_maximized {
     margin: 10px 0 15px 0;

diff --git a/telemeta/htdocs/js/player.js b/telemeta/htdocs/js/player.js
index c7bfa1f5aead640612f4e60ddc39b8bbfaa91858..76801bf45b4fe34b8f2fe6569e021b197438cf57 100644 (file)
--- a/telemeta/htdocs/js/player.js
+++ b/telemeta/htdocs/js/player.js
@@ -8,7 +8,6 @@ var player;
 function togglePlayerMaximization() {
     var view = $('#player');
     $('#player_maximized, #player_minimized').css('display', 'none');
-    var button;
     var ctr;
     if (view.parents('#player_maximized').length) {
         ctr = $('#player_minimized').append(view);
@@ -17,7 +16,7 @@ function togglePlayerMaximization() {
     }
     ctr.css({opacity: 0, display: 'block'});
     player.resize();
-    ctr.animate({opacity: 1}, 200, null);
+    ctr.animate({opacity: 1}, 100, null);
 }
 
 function load_sound() {
@@ -52,7 +51,7 @@ function load_player(duration) {
             });
         });
 
-        $('#player_maximized button, #player_minimized button').click(function() {
+        $('#player_maximized .toggle, #player_minimized .toggle').click(function() {
             togglePlayerMaximization();
             this.blur();
             return false;

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index e16212ee17ca7949301844d9974b6e5e1728016f..25f55205acfe9e5df7bf25f179566a09d637e889 100644 (file)
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -35,11 +35,11 @@ load_player({{ item.get_duration }});
 \r
 {% if item.file %}\r
 <div id="player_maximized" class="ts-skin-lab">\r
-    <button>Minimize</button>\r
+    <a href="#" class="toggle">Minimize</a>\r
 </div>\r
 <div id="rightcol">\r
     <div id="player_minimized" class="ts-skin-lab">\r
-    <button>Maximize</button>\r
+    <a href="#" class="toggle">Maximize</a>\r
     <div id="player" class="ts-player">\r
         <div class="ts-viewer">\r
             <div class="ts-wave">\r