Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Layout adjustments and fixes for IE.

  • Loading branch information...
commit ed20144baf39526b614e3e9bf726fd87ff7dc30f 1 parent ce85af4
@blueimp authored
View
BIN  forkme.png
Deleted file not rendered
View
10 index.html
@@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<!--
/*
- * jQuery Image Gallery Plugin HTML Example 1.3
+ * jQuery Image Gallery Plugin HTML Example 1.3.1
* https://github.com/blueimp/jQuery-Image-Gallery
*
* Copyright 2011, Sebastian Tschan
@@ -14,14 +14,14 @@
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
-<title>jQuery Image Gallery Example</title>
+<title>jQuery Image Gallery Demo</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/south-street/jquery-ui.css" id="theme">
<link rel="stylesheet" href="jquery.image-gallery.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="demo">
- <a id="forkme" href="http://github.com/blueimp/jQuery-Image-Gallery"><img src="forkme.png" alt="Fork me on GitHub" /></a>
+ <h1>jQuery Image Gallery Demo</h1>
<div id="options">
<select id="theme-switcher">
<option value="base">Base</option>
@@ -66,7 +66,9 @@
<input type="checkbox" id="option-fullscreen"><label for="option-fullscreen">Fullscreen</label>
<input type="checkbox" id="option-slideshow"><label for="option-slideshow">Slideshow</label>
</span>
- <span id="contact">Contact: <a href="https://blueimp.net">Sebastian Tschan</a></span>
+ <a href="http://github.com/blueimp/jQuery-Image-Gallery">Source Code &amp; Download</a>
+ <span>|</span>
+ <span>Contact: <a href="https://blueimp.net">Sebastian Tschan</a></span>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
View
23 jquery.image-gallery.css
@@ -1,6 +1,6 @@
@charset 'UTF-8';
/*
- * jQuery Image Gallery Plugin CSS 1.3.1
+ * jQuery Image Gallery Plugin CSS 1.3.2
* https://github.com/blueimp/jQuery-Image-Gallery
*
* Copyright 2011, Sebastian Tschan
@@ -20,17 +20,18 @@
height: 128px;
margin: -64px 0 0 -64px;
background: url(loading.gif);
+ z-index: 9999;
}
-/* Fix for IE 6: */
-*html .gallery-loader,
+/* Fix for IE 6 which does not support position:fixed: */
+*html .gallery-dialog-loader,
*html .gallery-dialog-fullscreen-loader {
position: absolute;
}
.gallery-dialog .ui-dialog-content {
- text-align: center;
cursor: pointer;
+ text-align: center;
}
.gallery-dialog .ui-dialog-content img {
@@ -55,6 +56,7 @@
padding: 0;
border: 0;
cursor: pointer;
+ text-align: center;
}
.gallery-dialog-fullscreen .ui-dialog-content img,
@@ -63,6 +65,11 @@
border: 0;
}
+/* Fix for IE 6 which shows a full width dialog: */
+*html .gallery-dialog-fullscreen .ui-dialog-content img {
+ float: none;
+}
+
.gallery-body-fullscreen .ui-widget-overlay {
opacity: 1;
filter: alpha(opacity=100);
@@ -73,11 +80,17 @@
.gallery-body .ui-effects-wrapper,
.gallery-body-fullscreen .ui-effects-wrapper,
.gallery-body-fullscreen .ui-effects-explode {
- z-index: 9999!important;
+ z-index: 10000!important;
}
/* Fix for scrollbars showing with some effects: */
.gallery-body,
.gallery-body-fullscreen {
overflow: hidden;
+}
+
+/* Fix for IE 6 showing select boxes on top: */
+*html .gallery-body select,
+*html .gallery-body-fullscreen select {
+ display: none;
}
View
12 jquery.image-gallery.js
@@ -1,5 +1,5 @@
/*
- * jQuery Image Gallery Plugin 1.3.1
+ * jQuery Image Gallery Plugin 1.3.2
* https://github.com/blueimp/jQuery-Image-Gallery
*
* Copyright 2011, Sebastian Tschan
@@ -379,11 +379,7 @@
// and the dialog has been opened:
options._loadingAnimation = $(
'<div class="' + options.dialogClass + '-loader"></div>'
- )
- .hide()
- .appendTo(
- $('.ui-widget-overlay:last')[0] || document.body
- );
+ ).hide().appendTo(document.body);
// This prevents the loading animation to show
// when the image has already been loaded:
setTimeout(function () {
@@ -433,9 +429,7 @@
$.fn.imagegallery._documentClickHandler
);
$('.ui-widget-overlay:last').remove();
- if (options._loadingAnimation) {
- options._loadingAnimation.remove();
- }
+ options._loadingAnimation.remove();
},
_escapeHandler: function (e) {
View
13 style.css
@@ -1,6 +1,6 @@
@charset 'UTF-8';
/*
- * jQuery Image Gallery Plugin CSS Example 1.1.1
+ * jQuery Image Gallery Plugin CSS Example 1.3.1
* https://github.com/blueimp/jQuery-Image-Gallery
*
* Copyright 2011, Sebastian Tschan
@@ -28,16 +28,9 @@ img {
}
#demo {
- padding: 90px 60px;
+ padding: 30px 60px;
}
#options {
- position: absolute;
- top: 30px;
-}
-
-#forkme {
- position: absolute;
- top: 0;
- right: 0;
+ margin: 30px 0;
}
Please sign in to comment.
Something went wrong with that request. Please try again.