Skip to content
This repository was archived by the owner on Mar 4, 2019. It is now read-only.

Commit ce5574e

Browse files
blueimpblueimp
committed
Deprecate jQuery Image Gallery.
1 parent eddacc3 commit ce5574e

File tree

9 files changed

+4
-473
lines changed

9 files changed

+4
-473
lines changed

‎.gitignore

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎README.md

Lines changed: 2 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,2 @@
1-
# jQuery Image Gallery
2-
3-
- [Demo](#demo)
4-
- [Description](#description)
5-
- [Setup](#setup)
6-
- [Documentation](#documentation)
7-
- [Requirements](#requirements)
8-
- [License](#license)
9-
10-
## Demo
11-
[jQuery Image Gallery Demo](https://blueimp.github.io/jQuery-Image-Gallery/)
12-
13-
## Description
14-
jQuery Image Gallery displays images with the touch-enabled, responsive and
15-
customizable [blueimp Gallery](https://blueimp.github.io/Gallery/) carousel in
16-
the dialog component of [jQuery UI](https://jqueryui.com/).
17-
It features swipe, mouse and keyboard navigation, transition effects and
18-
on-demand content loading and can be extended to display additional content
19-
types.
20-
21-
## Setup
22-
Copy **js/jquery.image-gallery.min.js** to your website.
23-
24-
Add the following HTML snippet to the head section of your webpage:
25-
26-
```html
27-
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/south-street/jquery-ui.css" id="theme">
28-
<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
29-
```
30-
31-
Add the following HTML snippet with the dialog and embedded Gallery widget to
32-
the body of your webpage:
33-
34-
```html
35-
<!-- The dialog widget -->
36-
<div id="blueimp-gallery-dialog" data-show="fade" data-hide="fade">
37-
<!-- The gallery widget -->
38-
<div class="blueimp-gallery blueimp-gallery-carousel blueimp-gallery-controls">
39-
<div class="slides"></div>
40-
<a class="prev">‹</a>
41-
<a class="next">›</a>
42-
<a class="play-pause"></a>
43-
</div>
44-
</div>
45-
```
46-
47-
Include the following scripts at the bottom of the body of your webpage:
48-
49-
```html
50-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
51-
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
52-
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
53-
<script src="js/jquery.image-gallery.min.js"></script>
54-
```
55-
56-
Create a list of links to image files with the attribute **data-dialog**
57-
(optionally with enclosed thumbnails) and add them to the body of your webpage:
58-
59-
```html
60-
<div id="links">
61-
<a href="images/banana.jpg" title="Banana" data-dialog>
62-
<img src="images/thumbnails/banana.jpg" alt="Banana">
63-
</a>
64-
<a href="images/apple.jpg" title="Apple" data-dialog>
65-
<img src="images/thumbnails/apple.jpg" alt="Apple">
66-
</a>
67-
<a href="images/orange.jpg" title="Orange" data-dialog>
68-
<img src="images/thumbnails/orange.jpg" alt="Orange">
69-
</a>
70-
</div>
71-
```
72-
73-
## Documentation
74-
For information regarding Keyboard shortcuts, Gallery Options, API methods,
75-
Video Gallery setup, Gallery extensions and Browser support, please refer to the
76-
[blueimp Gallery documentation](https://github.com/blueimp/Gallery/blob/master/README.md).
77-
78-
## Requirements
79-
* [jQuery](https://jquery.com/) v. 1.7.0+
80-
* [jQuery UI](https://jqueryui.com/) v. 1.10.0+
81-
* [blueimp Gallery](https://github.com/blueimp/Gallery) v. 2.17.0+
82-
83-
## License
84-
Released under the [MIT license](http://www.opensource.org/licenses/MIT).
1+
This project is **deprecated** in favor of
2+
[blueimp Gallery](https://github.com/blueimp/Gallery).

‎css/demo.css

Lines changed: 0 additions & 57 deletions
This file was deleted.

‎index.html

Lines changed: 2 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -1,98 +1,3 @@
11
<!DOCTYPE HTML>
2-
<!--
3-
/*
4-
* jQuery Image Gallery Plugin Demo
5-
* https://github.com/blueimp/jQuery-Image-Gallery
6-
*
7-
* Copyright 2011, Sebastian Tschan
8-
* https://blueimp.net
9-
*
10-
* Licensed under the MIT license:
11-
* http://www.opensource.org/licenses/MIT
12-
*/
13-
-->
14-
<html lang="en">
15-
<head>
16-
<!--[if IE]>
17-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
18-
<![endif]-->
19-
<meta charset="utf-8">
20-
<title>jQuery Image Gallery Demo</title>
21-
<meta name="description" content="jQuery Image Gallery displays images with the touch-enabled, responsive and customizable blueimp Gallery carousel in the dialog component of jQuery UI. It features swipe, mouse and keyboard navigation, transition effects and on-demand content loading and can be extended to display additional content types.">
22-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
23-
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/south-street/jquery-ui.css" id="theme">
24-
<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
25-
<link rel="stylesheet" href="css/demo.css">
26-
</head>
27-
<body>
28-
<ul class="navigation">
29-
<li><a href="https://github.com/blueimp/jQuery-Image-Gallery/tags">Download</a></li>
30-
<li><a href="https://github.com/blueimp/jQuery-Image-Gallery">Source Code</a></li>
31-
<li><a href="https://github.com/blueimp/jQuery-Image-Gallery/blob/master/README.md">Documentation</a></li>
32-
<li><a href="https://blueimp.net">&copy; Sebastian Tschan</a></li>
33-
</ul>
34-
<h1>jQuery Image Gallery Demo</h1>
35-
<blockquote>
36-
<p>jQuery Image Gallery displays images with the touch-enabled, responsive and customizable <a href="https://blueimp.github.io/Gallery/">blueimp Gallery</a> carousel in the dialog component of <a href="https://jqueryui.com/">jQuery UI</a>.<br>It features swipe, mouse and keyboard navigation, transition effects and on-demand content loading and can be extended to display additional content types.</p>
37-
</blockquote>
38-
<br>
39-
<form>
40-
<button type="button" id="slideshow-button">Slideshow</button>
41-
<select id="effect-switcher">
42-
<option>blind</option>
43-
<option>clip</option>
44-
<option>drop</option>
45-
<option selected>fade</option>
46-
<option>fold</option>
47-
<option>puff</option>
48-
<option>slide</option>
49-
<option>scale</option>
50-
</select>
51-
<select id="theme-switcher">
52-
<option value="base">Base</option>
53-
<option value="black-tie">Black Tie</option>
54-
<option value="blitzer">Blitzer</option>
55-
<option value="cupertino">Cupertino</option>
56-
<option value="dark-hive">Dark Hive</option>
57-
<option value="dot-luv">Dot Luv</option>
58-
<option value="eggplant">Eggplant</option>
59-
<option value="excite-bike">Excite Bike</option>
60-
<option value="flick">Flick</option>
61-
<option value="hot-sneaks">Hot sneaks</option>
62-
<option value="humanity">Humanity</option>
63-
<option value="le-frog">Le Frog</option>
64-
<option value="mint-choc">Mint Choc</option>
65-
<option value="overcast">Overcast</option>
66-
<option value="pepper-grinder">Pepper Grinder</option>
67-
<option value="redmond">Redmond</option>
68-
<option value="smoothness">Smoothness</option>
69-
<option value="south-street" selected>South Street</option>
70-
<option value="start">Start</option>
71-
<option value="sunny">Sunny</option>
72-
<option value="swanky-purse">Swanky Purse</option>
73-
<option value="trontastic">Trontastic</option>
74-
<option value="ui-darkness">UI Darkness</option>
75-
<option value="ui-lightness">UI Lightness</option>
76-
<option value="vader">Vader</option>
77-
</select>
78-
</form>
79-
<br>
80-
<!-- The container for the list of example images -->
81-
<div id="links"></div>
82-
<!-- The dialog widget -->
83-
<div id="blueimp-gallery-dialog" data-show="fade" data-hide="fade">
84-
<!-- The Gallery widget -->
85-
<div class="blueimp-gallery blueimp-gallery-carousel blueimp-gallery-controls">
86-
<div class="slides"></div>
87-
<a class="prev">‹</a>
88-
<a class="next">›</a>
89-
<a class="play-pause"></a>
90-
</div>
91-
</div>
92-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
93-
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
94-
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
95-
<script src="js/jquery.image-gallery.js"></script>
96-
<script src="js/demo.js"></script>
97-
</body>
98-
</html>
2+
<title>Gallery redirect</title>
3+
<meta http-equiv="refresh" content="0; url=https://blueimp.github.io/Gallery/">

‎js/demo.js

Lines changed: 0 additions & 74 deletions
This file was deleted.

0 commit comments

Comments
 (0)