Use https for the demo.

blueimp · Sep 13, 2014 · f0a483b · f0a483b
1 parent 3ec47bd
commit f0a483b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -8,10 +8,10 @@
 - [License](#license)
 
 ## Demo
-[jQuery Image Gallery Demo](http://blueimp.github.io/jQuery-Image-Gallery/)
+[jQuery Image Gallery Demo](https://blueimp.github.io/jQuery-Image-Gallery/)
 
 ## Description
-jQuery Image Gallery displays images with the touch-enabled, responsive and customizable [blueimp Gallery](http://blueimp.github.io/Gallery/) carousel in the dialog component of [jQuery UI](http://jqueryui.com/).  
+jQuery Image Gallery displays images with the touch-enabled, responsive and customizable [blueimp Gallery](https://blueimp.github.io/Gallery/) carousel in the dialog component of [jQuery UI](https://jqueryui.com/).  
 It features swipe, mouse and keyboard navigation, transition effects and on-demand content loading and can be extended to display additional content types.
 
 ## Setup
@@ -20,8 +20,8 @@ Copy **js/jquery.image-gallery.min.js** to your website.
 Add the following HTML snippet to the head section of your webpage:
 
 ```html
-<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/south-street/jquery-ui.css" id="theme">
-<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
+<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/south-street/jquery-ui.css" id="theme">
+<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
 ```
 
 Add the following HTML snippet with the dialog and embedded Gallery widget to the body of your webpage:
@@ -42,9 +42,9 @@ Add the following HTML snippet with the dialog and embedded Gallery widget to th
 Include the following scripts at the bottom of the body of your webpage:
 
 ```html
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
-<script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
+<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
 <script src="js/jquery.image-gallery.min.js"></script>
 ```
 
@@ -68,8 +68,8 @@ Create a list of links to image files with the attribute **data-dialog** (option
 For information regarding Keyboard shortcuts, Gallery Options, API methods, Video Gallery setup, Gallery extensions and Browser support, please refer to the [blueimp Gallery documentation](https://github.com/blueimp/Gallery/blob/master/README.md).
 
 ## Requirements
-* [jQuery](http://jquery.com/) v. 1.7.0+
-* [jQuery UI](http://jqueryui.com/) v. 1.10.0+
+* [jQuery](https://jquery.com/) v. 1.7.0+
+* [jQuery UI](https://jqueryui.com/) v. 1.10.0+
 * [blueimp Gallery](https://github.com/blueimp/Gallery) v. 2.12.0+
 
 ## License

diff --git a/index.html b/index.html
@@ -20,8 +20,8 @@
 <title>jQuery Image Gallery Demo</title>
 <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.">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/south-street/jquery-ui.css" id="theme">
-<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
+<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/south-street/jquery-ui.css" id="theme">
+<link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
 <link rel="stylesheet" href="css/demo.css">
 </head>
 <body>
@@ -33,7 +33,7 @@
 </ul>
 <h1>jQuery Image Gallery Demo</h1>
 <blockquote>
-    <p>jQuery Image Gallery displays images with the touch-enabled, responsive and customizable <a href="http://blueimp.github.io/Gallery/">blueimp Gallery</a> carousel in the dialog component of <a href="http://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>
+    <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>
 </blockquote>
 <br>
 <form>
@@ -89,9 +89,9 @@ <h1>jQuery Image Gallery Demo</h1>
         <a class="play-pause"></a>
     </div>
 </div>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
-<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
-<script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
+<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
 <script src="js/jquery.image-gallery.js"></script>
 <script src="js/demo.js"></script>
 </body> 

diff --git a/js/demo.js b/js/demo.js
@@ -17,11 +17,13 @@ $(function () {
 
     // Load demo images from flickr:
     $.ajax({
+        // Flickr API is SSL only:
+        // https://code.flickr.net/2014/04/30/flickr-api-going-ssl-only-on-june-27th-2014/
         url: 'https://api.flickr.com/services/rest/',
         data: {
             format: 'json',
             method: 'flickr.interestingness.getList',
-            api_key: '7617adae70159d09ba78cfec73c13be3'
+            api_key: '7617adae70159d09ba78cfec73c13be3' // jshint ignore:line
         },
         dataType: 'jsonp',
         jsonp: 'jsoncallback'
@@ -30,7 +32,7 @@ $(function () {
             baseUrl;
         // Add the demo images as links with thumbnails to the page:
         $.each(result.photos.photo, function (index, photo) {
-            baseUrl = 'http://farm' + photo.farm + '.static.flickr.com/' +
+            baseUrl = 'https://farm' + photo.farm + '.static.flickr.com/' +
                 photo.server + '/' + photo.id + '_' + photo.secret;
             $('<a/>')
                 .append($('<img>').prop('src', baseUrl + '_s.jpg'))