Permalink
Browse files

Fixed nav in IE 6 & 7, added GIFs for IE6.

  • Loading branch information...
1 parent c0a0400 commit 9364a3575481c931922c72a2b73c9ac351a8a9ea @JLeuze committed Apr 8, 2012
Showing with 61 additions and 23 deletions.
  1. +31 −3 css/meteor-slides.css
  2. BIN images/buttons.gif
  3. BIN images/next.gif
  4. BIN images/prev.gif
  5. +30 −20 js/slideshow.js
View
@@ -81,7 +81,7 @@ div.navboth {
.meteor-slides ul.meteor-nav {
display: none;
list-style: none;
- height: inherit;
+ height: 100%;
margin: 0 !important;
padding: 0;
}
@@ -92,7 +92,7 @@ div.navboth {
ul.meteor-nav li {
display: inline;
- height: inherit;
+ height: 100%;
list-style: none;
margin: 0;
padding: 0;
@@ -112,7 +112,7 @@ ul.meteor-nav li {
position: absolute;
text-indent: -9999px;
width: 27px;
- height: inherit;
+ height: 100%;
z-index: 998;
}
@@ -130,6 +130,22 @@ ul.meteor-nav li {
.meteor-nav .next a:hover {
background: url('../images/next.png') no-repeat center right;
+}
+
+* html .meteor-nav .prev a {
+ background: url('../images/prev.gif') no-repeat center right; /* IE6 */
+}
+
+* html .meteor-nav .prev a:hover {
+ background: url('../images/prev.gif') no-repeat center left; /* IE6 */
+}
+
+* html .meteor-nav .next a {
+ background: url('../images/next.gif') no-repeat center left; /* IE6 */
+}
+
+* html .meteor-nav .next a:hover {
+ background: url('../images/next.gif') no-repeat center right; /* IE6 */
}
/* =Paged Navigation
@@ -167,4 +183,16 @@ header#branding .meteor-buttons {
.meteor-buttons a.activeSlide {
background: url('../images/buttons.png') no-repeat bottom right;
+}
+
+* html .meteor-buttons a {
+ background: url('../images/buttons.gif') no-repeat bottom left; /* IE6 */
+}
+
+* html .meteor-buttons a:hover {
+ background: url('../images/buttons.gif') no-repeat bottom right; /* IE6 */
+}
+
+* html .meteor-buttons a.activeSlide {
+ background: url('../images/buttons.gif') no-repeat bottom right; /* IE6 */
}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -7,35 +7,37 @@
http://www.jleuze.com/plugins/meteor-slides/customizing-the-slideshow-script/
*/
+// Set custom shortcut to avoid conflicts
var $j = jQuery.noConflict();
-var $slidespeed = parseInt( meteorslidessettings.meteorslideshowspeed );
-
-var $slidetimeout = parseInt( meteorslidessettings.meteorslideshowduration );
-
-var $slideheight = parseInt( meteorslidessettings.meteorslideshowheight );
-
-var $slidewidth = parseInt( meteorslidessettings.meteorslideshowwidth );
-
+// Get the slideshow options
+var $slidespeed = parseInt( meteorslidessettings.meteorslideshowspeed );
+var $slidetimeout = parseInt( meteorslidessettings.meteorslideshowduration );
+var $slideheight = parseInt( meteorslidessettings.meteorslideshowheight );
+var $slidewidth = parseInt( meteorslidessettings.meteorslideshowwidth );
var $slidetransition = meteorslidessettings.meteorslideshowtransition;
$j(document).ready(function() {
+
+ // Setup jQuery Cycle
$j('.meteor-slides').cycle({
- height: $slideheight,
- width: $slidewidth,
- fit: 1,
- fx: $slidetransition,
- speed: $slidespeed,
- timeout: $slidetimeout,
- pause: 1,
- prev: '#meteor-prev',
- next: '#meteor-next',
- pager: '#meteor-buttons',
- pagerEvent: 'click',
+ height: $slideheight,
+ width: $slidewidth,
+ fit: 1,
+ fx: $slidetransition,
+ speed: $slidespeed,
+ timeout: $slidetimeout,
+ pause: 1,
+ prev: '#meteor-prev',
+ next: '#meteor-next',
+ pager: '#meteor-buttons',
+ pagerEvent: 'click',
cleartypeNoBg: 'true',
- slideExpr: '.mslide'
+ slideExpr: '.mslide'
});
+
+ // Setup jQuery TouchWipe
$j('.meteor-slides').touchwipe({
wipeLeft: function() {
@@ -46,10 +48,18 @@ $j(document).ready(function() {
}
});
+ // Add class to hide and show prev/next nav on hover
+
$j('.meteor-slides').hover(function () {
$j(this).addClass('navhover');
}, function () {
$j(this).removeClass('navhover');
});
+ // Set a fixed height for prev/next nav in IE6
+
+ if(typeof document.body.style.maxWidth === 'undefined') {
+ $j('.meteor-nav a').height($slideheight);
+ }
+
});

0 comments on commit 9364a35

Please sign in to comment.