swipebox 0.1.3 → 1.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +65 -0
  3. data/Rakefile +0 -14
  4. data/lib/swipebox/version.rb +1 -1
  5. data/test/dummy/log/test.log +30 -62
  6. data/test/dummy/tmp/cache/assets/test/sass/{f9c6a267bff4dbc4c014a32d65f455fee642ff7f → 723883a196861294bbe8325180066fa58ee6de9e}/swipebox.css.scssc +0 -0
  7. data/test/dummy/tmp/cache/assets/test/sass/771d9f27082f7556112a4648ca8fc905f2173465/swipebox.css.scssc +0 -0
  8. data/test/dummy/tmp/cache/assets/test/sprockets/0591d8c51084171b76a2c6f20926bb51 +0 -0
  9. data/test/dummy/tmp/cache/assets/test/sprockets/09898caf5a9a94ec51afecb80bca3cf2 +0 -0
  10. data/test/dummy/tmp/cache/assets/test/sprockets/{52844af88f25171d8b2bd9b3841fc531 → 0bff44572e887b09daf68fed28839bb2} +0 -0
  11. data/test/dummy/tmp/cache/assets/test/sprockets/12326d2e44748b6b542dc270fba7390e +0 -0
  12. data/test/dummy/tmp/cache/assets/test/sprockets/1e17757dcb9ada88ed012e3675f1f95b +0 -0
  13. data/test/dummy/tmp/cache/assets/test/sprockets/1e47b6dbbf210735d6bfe9862e84f0cb +0 -0
  14. data/test/dummy/tmp/cache/assets/test/sprockets/{ad7154cc55f39a227d2bc6415f58932d → 1f74808b9e463d137a33f7ba77e3bbd4} +0 -0
  15. data/test/dummy/tmp/cache/assets/test/sprockets/2269a00fea39582a928db1d2c81983d8 +0 -0
  16. data/test/dummy/tmp/cache/assets/test/sprockets/25353c00952a3362331091a317a12bbc +0 -0
  17. data/test/dummy/tmp/cache/assets/test/sprockets/27915565888f61eae343f8223ece43a0 +0 -0
  18. data/test/dummy/tmp/cache/assets/test/sprockets/440dfe1de5fd9a862fed9bd0decb24b8 +0 -0
  19. data/test/dummy/tmp/cache/assets/test/sprockets/51010d13321d8992a932534ff1d41627 +0 -0
  20. data/test/dummy/tmp/cache/assets/test/sprockets/59bd4e64e2c90d2cbdca021507d81564 +0 -0
  21. data/test/dummy/tmp/cache/assets/test/sprockets/6450c3ebafe929a16bfea6cf4c35bf92 +0 -0
  22. data/test/dummy/tmp/cache/assets/test/sprockets/6fd4a72d818051674433e4a7a53ffd59 +0 -0
  23. data/test/dummy/tmp/cache/assets/test/sprockets/75c485a1ef3aafa76047132f5497eaba +0 -0
  24. data/test/dummy/tmp/cache/assets/test/sprockets/78fc9fc0f7b099f33eab93ec417fe39f +0 -0
  25. data/test/dummy/tmp/cache/assets/test/sprockets/79e92ecae5bf8e962811eb44d8ed5da6 +0 -0
  26. data/test/dummy/tmp/cache/assets/test/sprockets/7a6158d95c2641c1991a8ebd3fbe4213 +0 -0
  27. data/test/dummy/tmp/cache/assets/test/sprockets/{9540837ee939a819ff3def6208986d2b → 86ffbc5132d97ef7634efb42901ca7e0} +0 -0
  28. data/test/dummy/tmp/cache/assets/test/sprockets/93057c6caa3e3b29af35e2323e5748c4 +0 -0
  29. data/test/dummy/tmp/cache/assets/test/sprockets/{58b5fb0ecf84f52f0afa100b0b4c8cba → 993de32fb37ad35f29a29a85c872f978} +0 -0
  30. data/test/dummy/tmp/cache/assets/test/sprockets/af78a815232b7bdf67f2f7d3b5535d5f +0 -0
  31. data/test/dummy/tmp/cache/assets/test/sprockets/{2417663820f12194df84f901aeddf205 → b3a2d244fee52557c6bf0cc5acb01ff0} +0 -0
  32. data/test/dummy/tmp/cache/assets/test/sprockets/c53be797596ba6b9af102c9ac7423796 +0 -0
  33. data/test/dummy/tmp/cache/assets/test/sprockets/{7cad4e0f6c155aee86ff849175d87485 → cde695242acc016b4f03a22a92cae318} +0 -0
  34. data/test/dummy/tmp/cache/assets/test/sprockets/ff9d1dac658ef3c703c5dfe984eb94d5 +0 -0
  35. data/test/integration/swipebox_integration_test.rb +2 -2
  36. data/test/test_helper.rb +1 -1
  37. data/vendor/assets/javascripts/swipebox.js +549 -351
  38. data/vendor/assets/stylesheets/swipebox.css.scss +141 -155
  39. metadata +92 -91
  40. data/test/dummy/log/development.log +0 -56
  41. data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
  42. data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
  43. data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
  44. data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
  45. data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
  46. data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
  47. data/test/dummy/tmp/cache/assets/test/sprockets/0f1d51342ac8ff8f51fe8661bffccff4 +0 -0
  48. data/test/dummy/tmp/cache/assets/test/sprockets/299e5c3e6fe902ee2248d4f551e2a736 +0 -0
  49. data/test/dummy/tmp/cache/assets/test/sprockets/2d27104a6b2153e05b2475dd0ab3ec77 +0 -0
  50. data/test/dummy/tmp/cache/assets/test/sprockets/39a4691fbee5b5d7a15a61d39e8298c9 +0 -0
  51. data/test/dummy/tmp/cache/assets/test/sprockets/4f1e7de5e274edb0299126f2903969f0 +0 -0
  52. data/test/dummy/tmp/cache/assets/test/sprockets/556916ec527010707833ceeb7f3c04f4 +0 -0
  53. data/test/dummy/tmp/cache/assets/test/sprockets/56e10a99c9cb1099b3bba550c304510e +0 -0
  54. data/test/dummy/tmp/cache/assets/test/sprockets/5ef9b0cd9731bc93b50f72a671e604c0 +0 -0
  55. data/test/dummy/tmp/cache/assets/test/sprockets/60bdda9adeb105627bebe3a083e0e6f9 +0 -0
  56. data/test/dummy/tmp/cache/assets/test/sprockets/b76f694c0efb9b770a71012f8113728b +0 -0
  57. data/test/dummy/tmp/cache/assets/test/sprockets/bb9dec5421199706d294d48f86f003d8 +0 -0
  58. data/test/dummy/tmp/cache/assets/test/sprockets/beb2f84cd51827292ad2888716099203 +0 -0
  59. data/test/dummy/tmp/cache/assets/test/sprockets/c8a722e046ca0658031e47b6a3f6b80a +0 -0
  60. data/test/dummy/tmp/cache/assets/test/sprockets/e49d90ad8c6a6ec12d0f897fe441722f +0 -0
  61. data/test/dummy/tmp/cache/assets/test/sprockets/f8832e909e8abc5a5f26e98546d2f7ca +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2551dbb25ebe16652eb230bd10625d246da5cae3
4
- data.tar.gz: 2f632583d51db9e44b6b654f6ee2f2d89a06e6ed
3
+ metadata.gz: 51f0fa45917438717caa31372e3db87de179813e
4
+ data.tar.gz: 87c4357aabff614f0654676b5951af77cb46d9ab
5
5
  SHA512:
6
- metadata.gz: e422b7d0504819ee7383ba415e1da22f1766ab1f762135b54e5f22864d0648dd48aa42d440e923d78092eb3859e4867f5b94988dfeda9f77fc6e4bc9159325ee
7
- data.tar.gz: 8111b0d3cb2b6ff523f4a3085900dd7fe7f9085bd3df07134ae0d85e30d6bbe3ea43269391a0eb8abb8f0ec0f63d5d77edd1adb9cd75185059304d8b9edb32d5
6
+ metadata.gz: 977f93f0bd6cb60647f65145bd5ba22910f441a8164ac908f48041a6f1b4c66590bba7970609da4d431e2f26d090a8b37cc5fd04e72edab708f1644917513962
7
+ data.tar.gz: ce7906b22290bb0d18c70ba5f62f8c1597f5940a5cbfbe9acf2ab8631f65d5b9cb122c0f775ce9e4b27ae814b5c9bb4d14bde929e0a8aab02f19d3555d460c7d
data/README.md ADDED
@@ -0,0 +1,65 @@
1
+ # Swipebox for Rails
2
+
3
+ [![Gem Version](https://badge.fury.io/rb/swipebox.png)](http://badge.fury.io/rb/swipebox)
4
+ [![Build Status](https://travis-ci.org/mrfoto/swipebox.png?branch=master)](https://travis-ci.org/mrfoto/swipebox)
5
+ [![Code Climate](https://codeclimate.com/github/mrfoto/swipebox.png)](https://codeclimate.com/github/mrfoto/swipebox)
6
+ [![Dependency Status](https://gemnasium.com/mrfoto/swipebox.png)](https://gemnasium.com/mrfoto/swipebox)
7
+
8
+ [Swipebox | A touchable jQuery lightbox](http://brutaldesign.github.io/swipebox/) for the Rails asset pipeline
9
+
10
+ ## Installation
11
+
12
+ Add this line to your application's Gemfile:
13
+
14
+ ```ruby
15
+ gem 'swipebox'
16
+ ```
17
+
18
+ ## Usage
19
+
20
+ In your CSS manifest file:
21
+
22
+ ```css
23
+ *= require swipebox
24
+ ```
25
+
26
+ In your JavaScript manifest file:
27
+
28
+ ```js
29
+ //= require swipebox
30
+ ```
31
+
32
+ Use a specific class for your links and use the title attribute as caption.
33
+
34
+ ```html
35
+ <a href="big/image.jpg" class="swipebox" title="My Caption">
36
+ ```
37
+
38
+ Bind the swipebox behaviour on every link with the 'swipebox' class.
39
+
40
+ ```javascript
41
+ $('.swipebox').swipebox();
42
+ ```
43
+
44
+ ###Options
45
+
46
+ ```javascript
47
+ useCSS : true, // false will force the use of jQuery for animations
48
+ initialIndexOnArray: 0, // which image index to init when a array is passed
49
+ hideBarsOnMobile : true, // false will show the caption and navbar on mobile devices
50
+ hideBarsDelay : 3000, // 0 to always show caption and action bar
51
+ videoMaxWidth : 1140, // videos max width
52
+ beforeOpen: function(){} , // called before opening
53
+ afterClose: function(){}, // called after closing
54
+ loopAtEnd: false // true will return to the first image after the last image is reached
55
+ ```
56
+
57
+ Look at the original [Swipebox repo](https://github.com/brutaldesign/swipebox#usage) for more.
58
+
59
+ I have modified source a bit from the 1.2.9 version:
60
+ - SCSS instead of CSS because we need the `asset-url` helpers
61
+ - .png -> .svg via class not hardcoded image path
62
+
63
+ ## License
64
+
65
+ [The MIT License](MIT-LICENSE)
data/Rakefile CHANGED
@@ -4,19 +4,6 @@ rescue LoadError
4
4
  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
5
5
  end
6
6
 
7
- require 'rdoc/task'
8
-
9
- RDoc::Task.new(:rdoc) do |rdoc|
10
- rdoc.rdoc_dir = 'rdoc'
11
- rdoc.title = 'Swipebox'
12
- rdoc.options << '--line-numbers'
13
- rdoc.rdoc_files.include('README.rdoc')
14
- rdoc.rdoc_files.include('lib/**/*.rb')
15
- end
16
-
17
-
18
-
19
-
20
7
  Bundler::GemHelper.install_tasks
21
8
 
22
9
  require 'rake/testtask'
@@ -28,5 +15,4 @@ Rake::TestTask.new(:test) do |t|
28
15
  t.verbose = false
29
16
  end
30
17
 
31
-
32
18
  task default: :test
data/lib/swipebox/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Swipebox
2
- VERSION = "0.1.3"
2
+ VERSION = '1.2.9'
3
3
  end
data/test/dummy/log/test.log CHANGED
@@ -1,62 +1,30 @@
1
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:31:12 +0200
2
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:31:12 +0200
3
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:32:40 +0200
4
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:32:40 +0200
5
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:32:52 +0200
6
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:32:52 +0200
7
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:34:47 +0200
8
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:34:47 +0200
9
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:35:20 +0200
10
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:35:20 +0200
11
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:36:07 +0200
12
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:36:08 +0200
13
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:36:25 +0200
14
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:36:25 +0200
15
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:38:28 +0200
16
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:38:28 +0200
17
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 21:41:32 +0200
18
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 21:41:32 +0200
19
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:05:35 +0200
20
- Started GET "/assets/jquery.swipebox.js" for 127.0.0.1 at 2013-10-20 22:05:35 +0200
21
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:06:07 +0200
22
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:06:07 +0200
23
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:24:07 +0200
24
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:24:08 +0200
25
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:37:07 +0200
26
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:37:07 +0200
27
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:39:03 +0200
28
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:39:03 +0200
29
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:39:52 +0200
30
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:39:52 +0200
31
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-20 22:45:24 +0200
32
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-20 22:45:24 +0200
33
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-21 15:28:52 +0200
34
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-21 15:28:52 +0200
35
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-21 15:29:07 +0200
36
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-21 15:29:07 +0200
37
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-21 17:43:23 +0200
38
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-21 17:43:23 +0200
39
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-22 11:02:46 +0200
40
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:02:46 +0200
41
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:02:46 +0200
42
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:03:12 +0200
43
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:03:12 +0200
44
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-22 11:03:12 +0200
45
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-22 11:04:26 +0200
46
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:04:26 +0200
47
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:04:26 +0200
48
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:05:25 +0200
49
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-22 11:05:25 +0200
50
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:05:25 +0200
51
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-22 11:08:01 +0200
52
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:08:01 +0200
53
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-22 11:08:01 +0200
54
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-28 18:54:19 +0100
55
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:54:19 +0100
56
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:54:19 +0100
57
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:54:49 +0100
58
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-28 18:54:49 +0100
59
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:54:49 +0100
60
- Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-10-28 18:55:18 +0100
61
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:55:18 +0100
62
- Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-10-28 18:55:18 +0100
1
+
2
+
3
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-12-04 17:13:52 +0100
4
+
5
+
6
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:13:52 +0100
7
+
8
+
9
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:13:52 +0100
10
+
11
+
12
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-12-04 17:14:12 +0100
13
+
14
+
15
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:14:12 +0100
16
+
17
+
18
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:14:12 +0100
19
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-12-04 17:16:28 +0100
20
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:16:28 +0100
21
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:16:28 +0100
22
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2013-12-04 17:16:37 +0100
23
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:16:37 +0100
24
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2013-12-04 17:16:37 +0100
25
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2014-09-03 16:45:29 +0200
26
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2014-09-03 16:45:29 +0200
27
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2014-09-03 16:45:29 +0200
28
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2014-09-03 16:47:35 +0200
29
+ Started GET "/assets/swipebox.css" for 127.0.0.1 at 2014-09-03 16:47:35 +0200
30
+ Started GET "/assets/swipebox.js" for 127.0.0.1 at 2014-09-03 16:47:35 +0200
data/test/integration/swipebox_integration_test.rb CHANGED
@@ -8,7 +8,7 @@ describe "swipebox integration" do
8
8
 
9
9
  it "provides swipebox.css on the asset pipeline" do
10
10
  visit '/assets/swipebox.css'
11
- page.text.must_include '.swipebox {'
11
+ page.text.must_include 'html.swipebox-html.swipebox-touch {'
12
12
  end
13
13
 
14
14
  it "includes images from assets in the compiled css" do
@@ -17,4 +17,4 @@ describe "swipebox integration" do
17
17
  page.text.must_include '/assets/swipebox-icons.png'
18
18
  page.text.must_include '/assets/swipebox-loader.gif'
19
19
  end
20
- end
20
+ end
data/test/test_helper.rb CHANGED
@@ -11,4 +11,4 @@ Rails.backtrace_cleaner.remove_silencers!
11
11
  class IntegrationTest < MiniTest::Spec
12
12
  include Capybara::DSL
13
13
  register_spec_type(/integration$/, self)
14
- end
14
+ end
data/vendor/assets/javascripts/swipebox.js CHANGED
@@ -1,596 +1,794 @@
1
- /*---------------------------------------------------------------------------------------------
2
-
3
- @author Constantin Saguin - @brutaldesign
4
- @link http://csag.co
5
- @github http://github.com/brutaldesign/swipebox
6
- @version 1.2.1
7
- @license MIT License
8
-
9
- ----------------------------------------------------------------------------------------------*/
10
-
11
- ;(function (window, document, $, undefined) {
12
-
13
- $.swipebox = function(elem, options) {
14
-
15
- var defaults = {
16
- useCSS : true,
17
- initialIndexOnArray : 0,
18
- hideBarsDelay : 3000,
19
- videoMaxWidth : 1140,
20
- vimeoColor : 'CCCCCC',
21
- showCount: false,
22
- beforeOpen: null,
23
- afterClose: null
24
- },
25
-
26
- plugin = this,
27
- elements = [], // slides array [{href:'...', title:'...'}, ...],
28
- elem = elem,
29
- selector = elem.selector,
30
- $selector = $(selector),
31
- isTouch = document.createTouch !== undefined || ('ontouchstart' in window) || ('onmsgesturechange' in window) || navigator.msMaxTouchPoints,
32
- supportSVG = !!(window.SVGSVGElement),
33
- winWidth = window.innerWidth ? window.innerWidth : $(window).width(),
34
- winHeight = window.innerHeight ? window.innerHeight : $(window).height(),
35
- html = '<div id="swipebox-overlay">\
36
- <div id="swipebox-slider"></div>\
37
- <div id="swipebox-caption"></div>\
38
- <div id="swipebox-action">\
39
- <a id="swipebox-close"></a>\
40
- <div id="swipebox-count"></div>\
41
- <a id="swipebox-prev"></a>\
42
- <a id="swipebox-next"></a>\
43
- </div>\
44
- </div>';
45
-
46
- plugin.settings = {}
47
-
48
- plugin.init = function(){
49
-
50
- plugin.settings = $.extend({}, defaults, options);
51
-
52
- if ($.isArray(elem)) {
1
+ /*! Swipebox v1.2.9 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
2
+
3
+ ;( function ( window, document, $, undefined ) {
4
+
5
+ $.swipebox = function( elem, options ) {
6
+
7
+ // Default options
8
+ var ui,
9
+ defaults = {
10
+ useCSS : true,
11
+ useSVG : true,
12
+ initialIndexOnArray : 0,
13
+ closeBySwipe: true,
14
+ hideBarsOnMobile : true,
15
+ hideBarsDelay : 3000,
16
+ videoMaxWidth : 1140,
17
+ vimeoColor : 'CCCCCC',
18
+ beforeOpen: null,
19
+ afterOpen: null,
20
+ afterClose: null,
21
+ loopAtEnd: false
22
+ },
23
+
24
+ plugin = this,
25
+ elements = [], // slides array [ { href:'...', title:'...' }, ...],
26
+ $elem,
27
+ selector = elem.selector,
28
+ $selector = $( selector ),
29
+ isMobile = navigator.userAgent.match( /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i ),
30
+ isTouch = isMobile !== null || document.createTouch !== undefined || ( 'ontouchstart' in window ) || ( 'onmsgesturechange' in window ) || navigator.msMaxTouchPoints,
31
+ supportSVG = !! document.createElementNS && !! document.createElementNS( 'http://www.w3.org/2000/svg', 'svg').createSVGRect,
32
+ winWidth = window.innerWidth ? window.innerWidth : $( window ).width(),
33
+ winHeight = window.innerHeight ? window.innerHeight : $( window ).height(),
34
+ /* jshint multistr: true */
35
+ html = '<div id="swipebox-overlay">\
36
+ <div id="swipebox-slider"></div>\
37
+ <div id="swipebox-caption"></div>\
38
+ <div id="swipebox-action">\
39
+ <a id="swipebox-close"></a>\
40
+ <a id="swipebox-prev"></a>\
41
+ <a id="swipebox-next"></a>\
42
+ </div>\
43
+ </div>';
44
+
45
+ plugin.settings = {};
46
+
47
+ $.swipebox.close = function (){
48
+ ui.closeSlide();
49
+ };
50
+
51
+ $.swipebox.extend = function (){
52
+ return ui;
53
+ }
54
+
55
+ plugin.init = function() {
56
+
57
+ plugin.settings = $.extend( {}, defaults, options );
58
+
59
+ if ( $.isArray( elem ) ) {
53
60
 
54
61
  elements = elem;
55
- ui.target = $(window);
56
- ui.init(plugin.settings.initialIndexOnArray);
62
+ ui.target = $( window );
63
+ ui.init( plugin.settings.initialIndexOnArray );
64
+
65
+ } else {
66
+
67
+ $( document ).on( 'click', selector, function( event ) {
68
+
69
+ // console.log( isTouch );
70
+
71
+ if ( event.target.parentNode.className === 'slide current' ) {
57
72
 
58
- }else{
73
+ return false;
74
+
75
+ }
76
+
77
+ if ( ! $.isArray( elem ) ) {
78
+ ui.destroy();
79
+ $elem = $( selector );
80
+ ui.actions();
81
+ }
59
82
 
60
- $selector.click(function(e){
61
83
  elements = [];
62
84
  var index , relType, relVal;
63
85
 
64
- if (!relVal) {
86
+ // Allow for HTML5 compliant attribute before legacy use of rel
87
+ if ( ! relVal ) {
88
+ relType = 'data-rel';
89
+ relVal = $( this ).attr( relType );
90
+ }
91
+
92
+ if ( ! relVal ) {
65
93
  relType = 'rel';
66
- relVal = $(this).attr(relType);
94
+ relVal = $( this ).attr( relType );
67
95
  }
68
96
 
69
- if (relVal && relVal !== '' && relVal !== 'nofollow') {
70
- $elem = $selector.filter('[' + relType + '="' + relVal + '"]');
71
- }else{
72
- $elem = $(selector);
97
+ if ( relVal && relVal !== '' && relVal !== 'nofollow' ) {
98
+ $elem = $selector.filter( '[' + relType + '="' + relVal + '"]' );
99
+ } else {
100
+ $elem = $( selector );
73
101
  }
74
102
 
75
- $elem.each(function(){
103
+ $elem.each( function() {
76
104
 
77
- var title = null, href = null;
105
+ var title = null,
106
+ href = null;
107
+
108
+ if ( $( this ).attr( 'title' ) ) {
109
+ title = $( this ).attr( 'title' );
110
+ }
78
111
 
79
- if( $(this).attr('title') )
80
- title = $(this).attr('title');
81
112
 
82
- if( $(this).attr('href') )
83
- href = $(this).attr('href');
113
+ if ( $( this ).attr( 'href' ) ) {
114
+ href = $( this ).attr( 'href' );
115
+ }
84
116
 
85
- elements.push({
117
+ elements.push( {
86
118
  href: href,
87
119
  title: title
88
- });
89
- });
90
-
91
- index = $elem.index($(this));
92
- e.preventDefault();
93
- e.stopPropagation();
94
- ui.target = $(e.target);
95
- ui.init(index);
96
- });
97
- }
98
- }
99
-
100
- plugin.refresh = function() {
101
- if (!$.isArray(elem)) {
102
- ui.destroy();
103
- $elem = $(selector);
104
- ui.actions();
120
+ } );
121
+ } );
122
+
123
+ index = $elem.index( $( this ) );
124
+ event.preventDefault();
125
+ event.stopPropagation();
126
+ ui.target = $( event.target );
127
+ ui.init( index );
128
+ } );
105
129
  }
106
- }
130
+ };
107
131
 
108
- var ui = {
132
+ ui = {
109
133
 
110
- init : function(index){
111
- if (plugin.settings.beforeOpen)
134
+ /**
135
+ * Initiate Swipebox
136
+ */
137
+ init : function( index ) {
138
+ if ( plugin.settings.beforeOpen ) {
112
139
  plugin.settings.beforeOpen();
113
- this.target.trigger('swipebox-start');
140
+ }
141
+ this.target.trigger( 'swipebox-start' );
114
142
  $.swipebox.isOpen = true;
115
143
  this.build();
116
- this.openSlide(index);
117
- this.openMedia(index);
118
- this.preloadMedia(index+1);
119
- this.preloadMedia(index-1);
144
+ this.openSlide( index );
145
+ this.openMedia( index );
146
+ this.preloadMedia( index+1 );
147
+ this.preloadMedia( index-1 );
148
+ if ( plugin.settings.afterOpen ) {
149
+ plugin.settings.afterOpen();
150
+ }
120
151
  },
121
152
 
122
- build : function(){
123
- var $this = this;
153
+ /**
154
+ * Built HTML containers and fire main functions
155
+ */
156
+ build : function () {
157
+ var $this = this, bg;
124
158
 
125
- $('body').append(html);
159
+ $( 'body' ).append( html );
126
160
 
127
- if($this.doCssTrans()){
128
- $('#swipebox-slider').css({
161
+ if ( $this.doCssTrans() ) {
162
+ $( '#swipebox-slider' ).css( {
129
163
  '-webkit-transition' : 'left 0.4s ease',
130
164
  '-moz-transition' : 'left 0.4s ease',
131
165
  '-o-transition' : 'left 0.4s ease',
132
166
  '-khtml-transition' : 'left 0.4s ease',
133
167
  'transition' : 'left 0.4s ease'
134
- });
135
- $('#swipebox-overlay').css({
168
+ } );
169
+ $( '#swipebox-overlay' ).css( {
136
170
  '-webkit-transition' : 'opacity 1s ease',
137
171
  '-moz-transition' : 'opacity 1s ease',
138
172
  '-o-transition' : 'opacity 1s ease',
139
173
  '-khtml-transition' : 'opacity 1s ease',
140
174
  'transition' : 'opacity 1s ease'
141
- });
142
- $('#swipebox-action, #swipebox-caption').css({
175
+ } );
176
+ $( '#swipebox-action, #swipebox-caption' ).css( {
143
177
  '-webkit-transition' : '0.5s',
144
178
  '-moz-transition' : '0.5s',
145
179
  '-o-transition' : '0.5s',
146
180
  '-khtml-transition' : '0.5s',
147
181
  'transition' : '0.5s'
148
- });
182
+ } );
149
183
  }
150
184
 
185
+ if ( supportSVG && plugin.settings.useSVG === true ) {
186
+ $('#swipebox-prev, #swipebox-next, #swipebox-close').addClass('svg');
187
+ }
151
188
 
152
- if(supportSVG){
153
- $('#swipebox-action #swipebox-prev,#swipebox-action #swipebox-next,#swipebox-action #swipebox-close').addClass('svg');
189
+ if ( isMobile && plugin.settings.hideBarsOnMobile === true ) {
190
+ $( '#swipebox-action, #swipebox-caption' ).hide();
154
191
  }
155
192
 
156
- $.each( elements, function(){
157
- $('#swipebox-slider').append('<div class="slide"></div>');
158
- });
193
+ $.each( elements, function() {
194
+ $( '#swipebox-slider' ).append( '<div class="slide"></div>' );
195
+ } );
159
196
 
160
197
  $this.setDim();
161
198
  $this.actions();
199
+
200
+ if ( isTouch ) {
201
+ $this.gesture();
202
+ }
203
+
204
+ // Devices can have both touch and keyboard input so always allow key events
162
205
  $this.keyboard();
163
- $this.gesture();
206
+
164
207
  $this.animBars();
165
208
  $this.resize();
166
209
 
167
210
  },
168
211
 
169
- setDim : function(){
212
+ /**
213
+ * Set dimensions depending on windows width and height
214
+ */
215
+ setDim : function () {
170
216
 
171
217
  var width, height, sliderCss = {};
172
218
 
173
- if( "onorientationchange" in window ){
219
+ // Reset dimensions on mobile orientation change
220
+ if ( 'onorientationchange' in window ) {
174
221
 
175
- window.addEventListener("orientationchange", function() {
176
- if( window.orientation == 0 ){
222
+ window.addEventListener( 'orientationchange', function() {
223
+ if ( window.orientation === 0 ) {
177
224
  width = winWidth;
178
225
  height = winHeight;
179
- }else if( window.orientation == 90 || window.orientation == -90 ){
226
+ } else if ( window.orientation === 90 || window.orientation === -90 ) {
180
227
  width = winHeight;
181
228
  height = winWidth;
182
229
  }
183
- }, false);
230
+ }, false );
184
231
 
185
232
 
186
- }else{
233
+ } else {
187
234
 
188
- width = window.innerWidth ? window.innerWidth : $(window).width();
189
- height = window.innerHeight ? window.innerHeight : $(window).height();
235
+ width = window.innerWidth ? window.innerWidth : $( window ).width();
236
+ height = window.innerHeight ? window.innerHeight : $( window ).height();
190
237
  }
191
238
 
192
239
  sliderCss = {
193
240
  width : width,
194
241
  height : height
195
- }
196
-
242
+ };
197
243
 
198
- $('#swipebox-overlay').css(sliderCss);
244
+ $( '#swipebox-overlay' ).css( sliderCss );
199
245
 
200
246
  },
201
247
 
202
- resize : function (){
248
+ /**
249
+ * Reset dimensions on window resize envent
250
+ */
251
+ resize : function () {
203
252
  var $this = this;
204
253
 
205
- $(window).resize(function() {
254
+ $( window ).resize( function() {
206
255
  $this.setDim();
207
- }).resize();
256
+ } ).resize();
208
257
  },
209
258
 
210
- supportTransition : function() {
211
- var prefixes = 'transition WebkitTransition MozTransition OTransition msTransition KhtmlTransition'.split(' ');
212
- for(var i = 0; i < prefixes.length; i++) {
213
- if(document.createElement('div').style[prefixes[i]] !== undefined) {
259
+ /**
260
+ * Check if device supports CSS transitions
261
+ */
262
+ supportTransition : function () {
263
+
264
+ var prefixes = 'transition WebkitTransition MozTransition OTransition msTransition KhtmlTransition'.split( ' ' ),
265
+ i;
266
+
267
+ for ( i = 0; i < prefixes.length; i++ ) {
268
+ if ( document.createElement( 'div' ).style[ prefixes[i] ] !== undefined ) {
214
269
  return prefixes[i];
215
270
  }
216
271
  }
217
272
  return false;
218
273
  },
219
274
 
220
- doCssTrans : function(){
221
- if(plugin.settings.useCSS && this.supportTransition() ){
275
+ /**
276
+ * Check if CSS transitions are allowed (options + devicesupport)
277
+ */
278
+ doCssTrans : function () {
279
+ if ( plugin.settings.useCSS && this.supportTransition() ) {
222
280
  return true;
223
281
  }
224
282
  },
225
283
 
226
- gesture : function(){
227
- if ( isTouch ){
228
- var $this = this,
284
+ /**
285
+ * Touch navigation
286
+ */
287
+ gesture : function () {
288
+
289
+ var $this = this,
229
290
  distance = null,
291
+ vDistance = null,
292
+ vSwipe = false,
230
293
  swipMinDistance = 10,
294
+ vSwipMinDistance = 50,
231
295
  startCoords = {},
232
- endCoords = {};
233
- var bars = $('#swipebox-caption, #swipebox-action');
296
+ endCoords = {},
297
+
298
+ bars = $( '#swipebox-caption, #swipebox-action' ),
299
+ slider = $( '#swipebox-slider' );
300
+
301
+ bars.addClass( 'visible-bars' );
302
+ $this.setTimeout();
234
303
 
235
- bars.addClass('visible-bars');
236
- $this.setTimeout();
304
+ $( 'body' ).bind( 'touchstart', function( event ) {
237
305
 
238
- $('body').bind('touchstart', function(e){
306
+ $( this ).addClass( 'touching' );
239
307
 
240
- $(this).addClass('touching');
308
+ endCoords = event.originalEvent.targetTouches[0];
309
+ startCoords.pageX = event.originalEvent.targetTouches[0].pageX;
310
+ startCoords.pageY = event.originalEvent.targetTouches[0].pageY;
241
311
 
242
- endCoords = e.originalEvent.targetTouches[0];
243
- startCoords.pageX = e.originalEvent.targetTouches[0].pageX;
312
+ $( '.touching' ).bind( 'touchmove',function( event ) {
313
+ event.preventDefault();
314
+ event.stopPropagation();
315
+ endCoords = event.originalEvent.targetTouches[0];
244
316
 
245
- $('.touching').bind('touchmove',function(e){
246
- e.preventDefault();
247
- e.stopPropagation();
248
- endCoords = e.originalEvent.targetTouches[0];
317
+ if ( plugin.settings.closeBySwipe ) {
318
+ vDistance = endCoords.pageY - startCoords.pageY;
319
+ if ( Math.abs( vDistance ) >= vSwipMinDistance || vSwipe ) {
320
+ var opacity = 0.75 - Math.abs(vDistance) / slider.height();
249
321
 
250
- });
322
+ slider.css( { 'top': vDistance + 'px' } );
323
+ slider.css( { 'opacity': opacity } );
251
324
 
252
- return false;
325
+ vSwipe = true;
326
+ }
327
+ }
328
+
329
+ } );
330
+
331
+ return false;
332
+
333
+ } ).bind( 'touchend',function( event ) {
334
+ event.preventDefault();
335
+ event.stopPropagation();
336
+
337
+ if ( plugin.settings.closeBySwipe ) {
338
+ if ( slider.css( 'opacity' ) <= 0.5) {
339
+ var vOffset = vDistance > 0 ? slider.height() : - slider.height();
340
+ slider.animate( { top: vOffset + 'px', 'opacity': 0 },
341
+ 300,
342
+ function () {
343
+ $this.closeSlide();
344
+ } );
345
+ } else {
346
+ slider.animate( { top: 0, 'opacity': 1 }, 300 );
347
+ }
253
348
 
254
- }).bind('touchend',function(e){
255
- e.preventDefault();
256
- e.stopPropagation();
349
+ if ( vSwipe ) {
350
+ vSwipe = false;
351
+ return;
352
+ }
353
+ }
257
354
 
258
- distance = endCoords.pageX - startCoords.pageX;
355
+ distance = endCoords.pageX - startCoords.pageX;
259
356
 
260
- if( distance >= swipMinDistance ){
357
+ if ( distance >= swipMinDistance ) {
261
358
 
262
- // swipeLeft
263
- $this.getPrev();
359
+ // swipeLeft
360
+ $this.getPrev();
264
361
 
265
- }else if( distance <= - swipMinDistance ){
362
+ } else if ( distance <= - swipMinDistance ) {
266
363
 
267
- // swipeRight
268
- $this.getNext();
364
+ // swipeRight
365
+ $this.getNext();
269
366
 
270
- }else{
271
- // tap
272
- if(!bars.hasClass('visible-bars')){
367
+ } else {
368
+ // tap
369
+ if ( ! bars.hasClass( 'visible-bars' ) ) {
273
370
  $this.showBars();
274
371
  $this.setTimeout();
275
- }else{
372
+ } else {
276
373
  $this.clearTimeout();
277
374
  $this.hideBars();
278
375
  }
376
+ }
279
377
 
280
- }
281
-
282
- $('.touching').off('touchmove').removeClass('touching');
378
+ $( '.touching' ).off( 'touchmove' ).removeClass( 'touching' );
283
379
 
284
- });
380
+ } );
285
381
 
286
- }
287
382
  },
288
383
 
289
- setTimeout: function(){
290
- if(plugin.settings.hideBarsDelay > 0){
384
+ /**
385
+ * Set timer to hide the action bars
386
+ */
387
+ setTimeout: function () {
388
+ if ( plugin.settings.hideBarsDelay > 0 ) {
291
389
  var $this = this;
292
390
  $this.clearTimeout();
293
- $this.timeout = window.setTimeout( function(){
294
- $this.hideBars() },
391
+ $this.timeout = window.setTimeout( function() {
392
+ $this.hideBars();
393
+ },
394
+
295
395
  plugin.settings.hideBarsDelay
296
396
  );
297
397
  }
298
398
  },
299
399
 
300
- clearTimeout: function(){
301
- window.clearTimeout(this.timeout);
400
+ /**
401
+ * Clear timer
402
+ */
403
+ clearTimeout: function () {
404
+ window.clearTimeout( this.timeout );
302
405
  this.timeout = null;
303
406
  },
304
407
 
305
- showBars : function(){
306
- var bars = $('#swipebox-caption, #swipebox-action');
307
- if(this.doCssTrans()){
308
- bars.addClass('visible-bars');
309
- }else{
310
- $('#swipebox-caption').animate({ top : 0 }, 500);
311
- $('#swipebox-action').animate({ bottom : 0 }, 500);
312
- setTimeout(function(){
313
- bars.addClass('visible-bars');
314
- }, 1000);
408
+ /**
409
+ * Show navigation and title bars
410
+ */
411
+ showBars : function () {
412
+ var bars = $( '#swipebox-caption, #swipebox-action' );
413
+ if ( this.doCssTrans() ) {
414
+ bars.addClass( 'visible-bars' );
415
+ } else {
416
+ $( '#swipebox-caption' ).animate( { top : 0 }, 500 );
417
+ $( '#swipebox-action' ).animate( { bottom : 0 }, 500 );
418
+ setTimeout( function() {
419
+ bars.addClass( 'visible-bars' );
420
+ }, 1000 );
315
421
  }
316
422
  },
317
423
 
318
- hideBars : function(){
319
- var bars = $('#swipebox-caption, #swipebox-action');
320
- if(this.doCssTrans()){
321
- bars.removeClass('visible-bars');
322
- }else{
323
- $('#swipebox-caption').animate({ top : '-50px' }, 500);
324
- $('#swipebox-action').animate({ bottom : '-50px' }, 500);
325
- setTimeout(function(){
326
- bars.removeClass('visible-bars');
327
- }, 1000);
424
+ /**
425
+ * Hide navigation and title bars
426
+ */
427
+ hideBars : function () {
428
+ var bars = $( '#swipebox-caption, #swipebox-action' );
429
+ if ( this.doCssTrans() ) {
430
+ bars.removeClass( 'visible-bars' );
431
+ } else {
432
+ $( '#swipebox-caption' ).animate( { top : '-50px' }, 500 );
433
+ $( '#swipebox-action' ).animate( { bottom : '-50px' }, 500 );
434
+ setTimeout( function() {
435
+ bars.removeClass( 'visible-bars' );
436
+ }, 1000 );
328
437
  }
329
438
  },
330
439
 
331
- animBars : function(){
332
- var $this = this;
333
- var bars = $('#swipebox-caption, #swipebox-action');
440
+ /**
441
+ * Animate navigation and top bars
442
+ */
443
+ animBars : function () {
444
+ var $this = this,
445
+ bars = $( '#swipebox-caption, #swipebox-action' );
334
446
 
335
- bars.addClass('visible-bars');
447
+ bars.addClass( 'visible-bars' );
336
448
  $this.setTimeout();
337
449
 
338
- $('#swipebox-slider').click(function(e){
339
- if(!bars.hasClass('visible-bars')){
450
+ $( '#swipebox-slider' ).click( function() {
451
+ if ( ! bars.hasClass( 'visible-bars' ) ) {
340
452
  $this.showBars();
341
453
  $this.setTimeout();
342
454
  }
343
- });
455
+ } );
344
456
 
345
- $('#swipebox-action').hover(function() {
346
- $this.showBars();
347
- bars.addClass('force-visible-bars');
348
- $this.clearTimeout();
457
+ $( '#swipebox-action' ).hover( function() {
458
+ $this.showBars();
459
+ bars.addClass( 'visible-bars' );
460
+ $this.clearTimeout();
349
461
 
350
- },function() {
351
- bars.removeClass('force-visible-bars');
462
+ }, function() {
463
+ if (plugin.settings.hideBarsDelay > 0){
464
+ bars.removeClass( 'visible-bars' );
352
465
  $this.setTimeout();
466
+ }
467
+
468
+ } );
353
469
 
354
- });
355
470
  },
356
471
 
357
- keyboard : function(){
472
+ /**
473
+ * Keyboard navigation
474
+ */
475
+ keyboard : function () {
358
476
  var $this = this;
359
- $(window).bind('keyup', function(e){
360
- e.preventDefault();
361
- e.stopPropagation();
362
- if (e.keyCode == 37){
477
+ $( window ).bind( 'keyup', function( event ) {
478
+ event.preventDefault();
479
+ event.stopPropagation();
480
+
481
+ if ( event.keyCode === 37 ) {
482
+
363
483
  $this.getPrev();
364
- }
365
- else if (e.keyCode==39){
484
+
485
+ } else if ( event.keyCode === 39 ) {
486
+
366
487
  $this.getNext();
367
- }
368
- else if (e.keyCode == 27) {
488
+
489
+ } else if ( event.keyCode === 27 ) {
490
+
369
491
  $this.closeSlide();
492
+
370
493
  }
371
- });
494
+ } );
372
495
  },
373
496
 
374
- actions : function(){
375
- var $this = this;
497
+ /**
498
+ * Navigation events : go to next slide, go to prevous slide and close
499
+ */
500
+ actions : function () {
501
+ var $this = this,
502
+ action = 'touchend click'; // Just detect for both event types to allow for multi-input
376
503
 
377
- if( elements.length < 2 ){
378
- $('#swipebox-prev, #swipebox-next').hide();
379
- }else{
380
- $('#swipebox-prev').bind('click touchend', function(e){
381
- e.preventDefault();
382
- e.stopPropagation();
504
+ if ( elements.length < 2 ) {
505
+
506
+ $( '#swipebox-prev, #swipebox-next' ).hide();
507
+
508
+ } else {
509
+ $( '#swipebox-prev' ).bind( action, function( event ) {
510
+ event.preventDefault();
511
+ event.stopPropagation();
383
512
  $this.getPrev();
384
513
  $this.setTimeout();
385
- });
514
+ } );
386
515
 
387
- $('#swipebox-next').bind('click touchend', function(e){
388
- e.preventDefault();
389
- e.stopPropagation();
516
+ $( '#swipebox-next' ).bind( action, function( event ) {
517
+ event.preventDefault();
518
+ event.stopPropagation();
390
519
  $this.getNext();
391
520
  $this.setTimeout();
392
- });
521
+ } );
393
522
  }
394
523
 
395
- $('#swipebox-close').bind('click touchend', function(e){
524
+ $( '#swipebox-close' ).bind( action, function() {
396
525
  $this.closeSlide();
397
- });
526
+ } );
398
527
  },
399
528
 
400
- setSlide : function (index, isFirst){
529
+ /**
530
+ * Set current slide
531
+ */
532
+ setSlide : function ( index, isFirst ) {
401
533
  isFirst = isFirst || false;
402
534
 
403
- var slider = $('#swipebox-slider');
535
+ var slider = $( '#swipebox-slider' );
404
536
 
405
- if(this.doCssTrans()){
406
- slider.css({ left : (-index*100)+'%' });
407
- }else{
408
- slider.animate({ left : (-index*100)+'%' });
537
+ if ( this.doCssTrans() ) {
538
+ slider.css( { left : ( -index*100 )+'%' } );
539
+ } else {
540
+ slider.animate( { left : ( -index*100 )+'%' } );
409
541
  }
410
542
 
411
- $('#swipebox-slider .slide').removeClass('current');
412
- $('#swipebox-slider .slide').eq(index).addClass('current');
413
- this.setTitle(index);
543
+ $( '#swipebox-slider .slide' ).removeClass( 'current' );
544
+ $( '#swipebox-slider .slide' ).eq( index ).addClass( 'current' );
545
+ this.setTitle( index );
414
546
 
415
- if( isFirst ){
547
+ if ( isFirst ) {
416
548
  slider.fadeIn();
417
549
  }
418
550
 
419
- $('#swipebox-prev, #swipebox-next').removeClass('disabled');
420
- if(index == 0){
421
- $('#swipebox-prev').addClass('disabled');
422
- }else if( index == elements.length - 1 ){
423
- $('#swipebox-next').addClass('disabled');
424
- }
551
+ $( '#swipebox-prev, #swipebox-next' ).removeClass( 'disabled' );
425
552
 
426
- if (plugin.settings.showCount){
427
- $('#swipebox-count').text((index+1) + '/' + elements.length);
553
+ if ( index === 0 ) {
554
+ $( '#swipebox-prev' ).addClass( 'disabled' );
555
+ } else if ( index === elements.length - 1 && plugin.settings.loopAtEnd != true) {
556
+ $( '#swipebox-next' ).addClass( 'disabled' );
428
557
  }
429
558
  },
430
559
 
431
- openSlide : function (index){
432
- $('html').addClass('swipebox');
433
- $(window).trigger('resize'); // fix scroll bar visibility on desktop
434
- this.setSlide(index, true);
560
+ /**
561
+ * Open slide
562
+ */
563
+ openSlide : function ( index ) {
564
+ $( 'html' ).addClass( 'swipebox-html' );
565
+ if ( isTouch ) {
566
+ $( 'html' ).addClass( 'swipebox-touch' );
567
+ }
568
+ $( window ).trigger( 'resize' ); // fix scroll bar visibility on desktop
569
+ this.setSlide( index, true );
435
570
  },
436
571
 
437
- preloadMedia : function (index){
438
- var $this = this, src = null;
572
+ /**
573
+ * Set a time out if the media is a video
574
+ */
575
+ preloadMedia : function ( index ) {
576
+ var $this = this,
577
+ src = null;
439
578
 
440
- if( elements[index] !== undefined )
579
+ if ( elements[index] !== undefined ) {
441
580
  src = elements[index].href;
581
+ }
442
582
 
443
- if( !$this.isVideo(src) ){
444
- setTimeout(function(){
445
- $this.openMedia(index);
583
+ if ( ! $this.isVideo( src ) ) {
584
+ setTimeout( function() {
585
+ $this.openMedia( index );
446
586
  }, 1000);
447
- }else{
448
- $this.openMedia(index);
587
+ } else {
588
+ $this.openMedia( index );
449
589
  }
450
590
  },
451
591
 
452
- openMedia : function (index){
453
- var $this = this, src = null;
592
+ /**
593
+ * Open
594
+ */
595
+ openMedia : function ( index ) {
596
+ var $this = this,
597
+ src = null;
454
598
 
455
- if( elements[index] !== undefined )
599
+ if ( elements[index] !== undefined ) {
456
600
  src = elements[index].href;
601
+ }
457
602
 
458
- if(index < 0 || index >= elements.length){
603
+ if (index < 0 || index >= elements.length) {
459
604
  return false;
460
605
  }
461
606
 
462
- if( !$this.isVideo(src) ){
463
- $this.loadMedia(src, function(){
464
- $('#swipebox-slider .slide').eq(index).html(this);
465
- });
466
- }else{
467
- $('#swipebox-slider .slide').eq(index).html($this.getVideo(src));
607
+ if ( ! $this.isVideo( src ) ) {
608
+ $this.loadMedia( src, function() {
609
+ $( '#swipebox-slider .slide' ).eq( index ).html( this );
610
+ } );
611
+ } else {
612
+ $( '#swipebox-slider .slide' ).eq( index ).html( $this.getVideo( src ) );
468
613
  }
469
614
 
470
615
  },
471
616
 
472
- setTitle : function (index, isFirst){
617
+ /**
618
+ * Set link title attribute as caption
619
+ */
620
+ setTitle : function ( index ) {
473
621
  var title = null;
474
622
 
475
- $('#swipebox-caption').empty();
623
+ $( '#swipebox-caption' ).empty();
476
624
 
477
- if( elements[index] !== undefined )
625
+ if ( elements[index] !== undefined ) {
478
626
  title = elements[index].title;
627
+ }
479
628
 
480
- if(title){
481
- $('#swipebox-caption').append(title);
629
+ if ( title ) {
630
+ $( '#swipebox-caption' ).append( title );
482
631
  }
483
632
  },
484
633
 
485
- isVideo : function (src){
634
+ /**
635
+ * Check if the URL is a video
636
+ */
637
+ isVideo : function ( src ) {
486
638
 
487
- if( src ){
488
- if(
489
- src.match(/youtube\.com\/watch\?v=([a-zA-Z0-9\-_]+)/)
490
- || src.match(/vimeo\.com\/([0-9]*)/)
491
- ){
639
+ if ( src ) {
640
+ if ( src.match( /youtube\.com\/watch\?v=([a-zA-Z0-9\-_]+)/) || src.match( /vimeo\.com\/([0-9]*)/ ) || src.match( /youtu\.be\/([a-zA-Z0-9\-_]+)/ ) ) {
492
641
  return true;
493
642
  }
643
+
644
+ if (src.toLowerCase().indexOf( "swipeboxvideo=1" ) >= 0){
645
+
646
+ return true;
647
+ }
494
648
  }
495
649
 
496
650
  },
497
651
 
498
- getVideo : function(url){
499
- var iframe = '';
500
- var output = '';
501
- var youtubeUrl = url.match(/watch\?v=([a-zA-Z0-9\-_]+)/);
502
- var vimeoUrl = url.match(/vimeo\.com\/([0-9]*)/);
503
- if( youtubeUrl ){
504
-
505
- iframe = '<iframe width="560" height="315" src="//www.youtube.com/embed/'+youtubeUrl[1]+'" frameborder="0" allowfullscreen></iframe>';
652
+ /**
653
+ * Get video iframe code from URL
654
+ */
655
+ getVideo : function( url ) {
656
+ var iframe = '',
657
+ youtubeUrl = url.match( /watch\?v=([a-zA-Z0-9\-_]+)/ ),
658
+ youtubeShortUrl = url.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/),
659
+ vimeoUrl = url.match( /vimeo\.com\/([0-9]*)/ );
660
+ if ( youtubeUrl || youtubeShortUrl) {
661
+ if ( youtubeShortUrl ) {
662
+ youtubeUrl = youtubeShortUrl;
663
+ }
664
+ iframe = '<iframe width="560" height="315" src="//www.youtube.com/embed/' + youtubeUrl[1] + '" frameborder="0" allowfullscreen></iframe>';
506
665
 
507
- }else if(vimeoUrl){
666
+ } else if ( vimeoUrl ) {
508
667
 
509
- iframe = '<iframe width="560" height="315" src="http://player.vimeo.com/video/'+vimeoUrl[1]+'?byline=0&amp;portrait=0&amp;color='+plugin.settings.vimeoColor+'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
668
+ iframe = '<iframe width="560" height="315" src="//player.vimeo.com/video/' + vimeoUrl[1] + '?byline=0&amp;portrait=0&amp;color='+plugin.settings.vimeoColor+'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
510
669
 
511
670
  }
512
671
 
513
- return '<div class="swipebox-video-container" style="max-width:'+plugin.settings.videomaxWidth+'px"><div class="swipebox-video">'+iframe+'</div></div>';
672
+ if (youtubeShortUrl || youtubeShortUrl || vimeoUrl){
673
+
674
+ } else {
675
+ iframe = '<iframe width="560" height="315" src="' + url + '" frameborder="0" allowfullscreen></iframe>';
676
+ }
677
+
678
+ return '<div class="swipebox-video-container" style="max-width:' + plugin.settings.videomaxWidth + 'px"><div class="swipebox-video">'+iframe+'</div></div>';
514
679
  },
515
680
 
516
- loadMedia : function (src, callback){
517
- if( !this.isVideo(src) ){
518
- var img = $('<img>').on('load', function(){
519
- callback.call(img);
520
- });
681
+ /**
682
+ * Load image
683
+ */
684
+ loadMedia : function ( src, callback ) {
685
+ if ( ! this.isVideo( src ) ) {
686
+ var img = $( '<img>' ).on( 'load', function() {
687
+ callback.call( img );
688
+ } );
521
689
 
522
- img.attr('src',src);
690
+ img.attr( 'src', src );
523
691
  }
524
692
  },
525
693
 
526
- getNext : function (){
527
- var $this = this;
528
- index = $('#swipebox-slider .slide').index($('#swipebox-slider .slide.current'));
529
- if(index+1 < elements.length){
694
+ /**
695
+ * Get next slide
696
+ */
697
+ getNext : function () {
698
+ var $this = this,
699
+ index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
700
+ if ( index+1 < elements.length ) {
701
+ var src = $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src");
702
+ $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src",src);
530
703
  index++;
531
- $this.setSlide(index);
532
- $this.preloadMedia(index+1);
533
- }
534
- else{
535
-
536
- $('#swipebox-slider').addClass('rightSpring');
537
- setTimeout(function(){
538
- $('#swipebox-slider').removeClass('rightSpring');
539
- },500);
704
+ $this.setSlide( index );
705
+ $this.preloadMedia( index+1 );
706
+ } else {
707
+
708
+ if (plugin.settings.loopAtEnd === true){
709
+ var src = $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src");
710
+ $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src",src);
711
+ index = 0;
712
+ $this.preloadMedia( index );
713
+ $this.setSlide( index );
714
+ $this.preloadMedia( index + 1 );
715
+ } else {
716
+ $( '#swipebox-slider' ).addClass( 'rightSpring' );
717
+ setTimeout( function() {
718
+ $( '#swipebox-slider' ).removeClass( 'rightSpring' );
719
+ }, 500 );
720
+ }
540
721
  }
541
722
  },
542
723
 
543
- getPrev : function (){
544
- index = $('#swipebox-slider .slide').index($('#swipebox-slider .slide.current'));
545
- if(index > 0){
724
+ /**
725
+ * Get previous slide
726
+ */
727
+ getPrev : function () {
728
+ var index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
729
+ if ( index > 0 ) {
730
+ var src = $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src");
731
+ $( '#swipebox-slider .slide' ).eq(index).contents().find("iframe").attr("src",src);
546
732
  index--;
547
- this.setSlide(index);
548
- this.preloadMedia(index-1);
549
- }
550
- else{
551
-
552
- $('#swipebox-slider').addClass('leftSpring');
553
- setTimeout(function(){
554
- $('#swipebox-slider').removeClass('leftSpring');
555
- },500);
556
- }
733
+ this.setSlide( index );
734
+ this.preloadMedia( index-1 );
735
+ } else {
736
+ $( '#swipebox-slider' ).addClass( 'leftSpring' );
737
+ setTimeout( function() {
738
+ $( '#swipebox-slider' ).removeClass( 'leftSpring' );
739
+ }, 500 );
740
+ }
557
741
  },
558
742
 
559
-
560
- closeSlide : function (){
561
- $('html').removeClass('swipebox');
562
- $(window).trigger('resize');
743
+ /**
744
+ * Close
745
+ */
746
+ closeSlide : function () {
747
+ $( 'html' ).removeClass( 'swipebox-html' );
748
+ $( 'html' ).removeClass( 'swipebox-touch' );
749
+ $( window ).trigger( 'resize' );
563
750
  this.destroy();
564
751
  },
565
752
 
566
- destroy : function(){
567
- $(window).unbind('keyup');
568
- $('body').unbind('touchstart');
569
- $('body').unbind('touchmove');
570
- $('body').unbind('touchend');
571
- $('#swipebox-slider').unbind();
572
- $('#swipebox-overlay').remove();
573
- if (!$.isArray(elem))
574
- elem.removeData('_swipebox');
575
- if ( this.target )
576
- this.target.trigger('swipebox-destroy');
753
+ /**
754
+ * Destroy the whole thing
755
+ */
756
+ destroy : function () {
757
+ $( window ).unbind( 'keyup' );
758
+ $( 'body' ).unbind( 'touchstart' );
759
+ $( 'body' ).unbind( 'touchmove' );
760
+ $( 'body' ).unbind( 'touchend' );
761
+ $( '#swipebox-slider' ).unbind();
762
+ $( '#swipebox-overlay' ).remove();
763
+
764
+ if ( ! $.isArray( elem ) ) {
765
+ elem.removeData( '_swipebox' );
766
+ }
767
+
768
+ if ( this.target ) {
769
+ this.target.trigger( 'swipebox-destroy' );
770
+ }
771
+
577
772
  $.swipebox.isOpen = false;
578
- if (plugin.settings.afterClose)
773
+
774
+ if ( plugin.settings.afterClose ){
579
775
  plugin.settings.afterClose();
776
+ }
580
777
  }
581
-
582
778
  };
583
779
 
584
780
  plugin.init();
585
781
 
586
782
  };
587
783
 
588
- $.fn.swipebox = function(options){
589
- if (!$.data(this, "_swipebox")) {
590
- var swipebox = new $.swipebox(this, options);
591
- this.data('_swipebox', swipebox);
784
+ $.fn.swipebox = function( options ) {
785
+
786
+ if ( ! $.data( this, '_swipebox' ) ) {
787
+ var swipebox = new $.swipebox( this, options );
788
+ this.data( '_swipebox', swipebox );
592
789
  }
593
- return this.data('_swipebox');
594
- }
790
+ return this.data( '_swipebox' );
791
+
792
+ };
595
793
 
596
- }(window, document, jQuery));
794
+ }( window, document, jQuery ) );