spree_slider 1.1.0 → 1.2.0

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 (80) hide show
  1. data/.gitignore +2 -1
  2. data/Gemfile +13 -6
  3. data/Versionfile +1 -9
  4. data/app/models/spree/slide.rb +1 -1
  5. data/app/overrides/spree/admin/configurations/index/add_slides_to_admin_configurations_menu.html.erb.deface +5 -0
  6. data/app/overrides/spree/admin/shared/_configuration_menu/add_slides_to_admin_configurations_sidebar_menu.html.erb.deface +2 -0
  7. data/app/overrides/spree/home/index/add_slider.html.erb.deface +4 -0
  8. data/app/overrides/spree/layouts/spree_application/add_slider.html.erb.deface +2 -0
  9. data/app/views/spree/admin/slides/_form.html.erb +4 -1
  10. data/app/views/spree/admin/slides/index.html.erb +2 -0
  11. data/app/views/spree/admin/slides/show.html.erb +6 -0
  12. data/config/locales/de.yml +3 -0
  13. data/config/locales/en.yml +2 -4
  14. data/config/locales/es.yml +3 -0
  15. data/config/locales/nl-NL.yml +3 -0
  16. data/config/locales/nl.yml +3 -0
  17. data/db/migrate/20120816192758_add_position_to_slides.rb +5 -0
  18. data/lib/generators/spree_slider/install_simple_carousel_generator.rb +30 -0
  19. data/lib/generators/spree_slider/templates/anything_slider.html.erb +1 -1
  20. data/lib/generators/spree_slider/templates/nivo_slider.html.erb +2 -2
  21. data/lib/generators/spree_slider/templates/simple_carousel_slider.html.erb +15 -0
  22. data/lib/spree_slider/engine.rb +2 -3
  23. data/spec/spec_helper.rb +12 -23
  24. data/spree_slider.gemspec +2 -8
  25. data/vendor/assets/simple-carousel/readme.txt +6 -0
  26. data/vendor/assets/simple-carousel/simple.carousel.js +144 -0
  27. data/vendor/assets/simple-carousel/simple.carousel.slider.js +14 -0
  28. metadata +18 -88
  29. data/Gemfile.lock +0 -175
  30. data/app/overrides/add_slider_to_layout.rb +0 -8
  31. data/app/overrides/add_slides_to_admin_configurations_menu.rb +0 -9
  32. data/app/overrides/add_slides_to_admin_configurations_sidebar_menu.rb +0 -7
  33. data/app/views/spree/home/index.html.erb +0 -14
  34. data/vendor/assets/anything-slider/demos.html +0 -740
  35. data/vendor/assets/anything-slider/demos/colorbox/border.png +0 -0
  36. data/vendor/assets/anything-slider/demos/colorbox/colorbox.css +0 -62
  37. data/vendor/assets/anything-slider/demos/colorbox/controls.png +0 -0
  38. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderBottomCenter.png +0 -0
  39. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderBottomLeft.png +0 -0
  40. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderBottomRight.png +0 -0
  41. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderMiddleLeft.png +0 -0
  42. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderMiddleRight.png +0 -0
  43. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderTopCenter.png +0 -0
  44. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderTopLeft.png +0 -0
  45. data/vendor/assets/anything-slider/demos/colorbox/internet_explorer/borderTopRight.png +0 -0
  46. data/vendor/assets/anything-slider/demos/colorbox/jquery.colorbox-min.js +0 -4
  47. data/vendor/assets/anything-slider/demos/colorbox/jquery.colorbox.js +0 -769
  48. data/vendor/assets/anything-slider/demos/colorbox/loading.gif +0 -0
  49. data/vendor/assets/anything-slider/demos/colorbox/loading_background.png +0 -0
  50. data/vendor/assets/anything-slider/demos/colorbox/overlay.png +0 -0
  51. data/vendor/assets/anything-slider/demos/css/page.css +0 -148
  52. data/vendor/assets/anything-slider/demos/images/251356.jpg +0 -0
  53. data/vendor/assets/anything-slider/demos/images/apple-touch-icon.png +0 -0
  54. data/vendor/assets/anything-slider/demos/images/favicon.ico +0 -0
  55. data/vendor/assets/anything-slider/demos/images/slide-civil-1.jpg +0 -0
  56. data/vendor/assets/anything-slider/demos/images/slide-civil-2.jpg +0 -0
  57. data/vendor/assets/anything-slider/demos/images/slide-env-1.jpg +0 -0
  58. data/vendor/assets/anything-slider/demos/images/slide-env-2.jpg +0 -0
  59. data/vendor/assets/anything-slider/demos/images/slide-tele-1.jpg +0 -0
  60. data/vendor/assets/anything-slider/demos/images/slide-tele-2.jpg +0 -0
  61. data/vendor/assets/anything-slider/demos/images/th-slide-civil-1.jpg +0 -0
  62. data/vendor/assets/anything-slider/demos/images/th-slide-civil-2.jpg +0 -0
  63. data/vendor/assets/anything-slider/demos/images/th-slide-env-1.jpg +0 -0
  64. data/vendor/assets/anything-slider/demos/images/th-slide-env-2.jpg +0 -0
  65. data/vendor/assets/anything-slider/demos/js/demo.js +0 -132
  66. data/vendor/assets/anything-slider/demos/video/movie.mp4 +0 -0
  67. data/vendor/assets/anything-slider/demos/video/movie.ogg +0 -0
  68. data/vendor/assets/anything-slider/demos/video/movie.webm +0 -0
  69. data/vendor/assets/anything-slider/expand.html +0 -97
  70. data/vendor/assets/anything-slider/index.html +0 -470
  71. data/vendor/assets/anything-slider/simple.html +0 -79
  72. data/vendor/assets/anything-slider/video.html +0 -341
  73. data/vendor/assets/nivo-slider/demo/demo.html +0 -39
  74. data/vendor/assets/nivo-slider/demo/images/dev7logo.png +0 -0
  75. data/vendor/assets/nivo-slider/demo/images/nemo.jpg +0 -0
  76. data/vendor/assets/nivo-slider/demo/images/toystory.jpg +0 -0
  77. data/vendor/assets/nivo-slider/demo/images/up.jpg +0 -0
  78. data/vendor/assets/nivo-slider/demo/images/walle.jpg +0 -0
  79. data/vendor/assets/nivo-slider/demo/scripts/jquery-1.6.1.min.js +0 -18
  80. data/vendor/assets/nivo-slider/demo/style.css +0 -100
@@ -1,79 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <meta charset="utf-8">
6
-
7
- <title>AnythingSlider Simple Demo</title>
8
- <link rel="shortcut icon" href="demos/images/favicon.ico">
9
- <link rel="apple-touch-icon" href="demos/images/apple-touch-icon.png">
10
-
11
- <!-- jQuery (required) -->
12
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
13
- <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
14
-
15
- <!-- Demo stuff -->
16
- <link rel="stylesheet" href="demos/css/page.css">
17
-
18
- <!-- Anything Slider -->
19
- <link rel="stylesheet" href="css/anythingslider.css">
20
- <script src="js/jquery.anythingslider.js"></script>
21
-
22
- <!-- AnythingSlider optional extensions -->
23
- <!-- <script src="js/jquery.anythingslider.fx.js"></script> -->
24
- <!-- <script src="js/jquery.anythingslider.video.js"></script> -->
25
-
26
- <!-- Define slider dimensions here -->
27
- <style>
28
- #slider { width: 700px; height: 390px; }
29
- </style>
30
-
31
- <!-- AnythingSlider initialization -->
32
- <script>
33
- // DOM Ready
34
- $(function(){
35
- $('#slider').anythingSlider();
36
- });
37
- </script>
38
-
39
- <!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet -->
40
- <!--[if lte IE 7]>
41
- <link rel="stylesheet" href="css/anythingslider-ie.css" type="text/css" media="screen" />
42
- <![endif]-->
43
- </head>
44
-
45
- <body id="simple">
46
-
47
- <!-- Links to other demo pages & docs -->
48
- <div id="nav">
49
- <a href="index.html">Main Demo</a>
50
- <a class="current" href="simple.html">Simple Demo</a>
51
- <a href="expand.html">Expand Demo</a>
52
- <a href="video.html">Video Demo</a>
53
- <a href="demos.html">FX Demos</a>
54
- <a class="play" href="http://jsfiddle.net/Mottie/VM8XG/">Playground</a>
55
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
56
- <a class="git" href="http://github.com/ProLoser/AnythingSlider/downloads">Download</a>
57
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a><br><br>
58
- </div>
59
- <!-- End Links -->
60
-
61
- <!-- Simple AnythingSlider -->
62
-
63
- <ul id="slider">
64
-
65
- <li><img src="demos/images/slide-civil-1.jpg" alt=""></li>
66
-
67
- <li><img src="demos/images/slide-env-1.jpg" alt=""></li>
68
-
69
- <li><img src="demos/images/slide-civil-2.jpg" alt=""></li>
70
-
71
- <li><img src="demos/images/slide-env-2.jpg" alt=""></li>
72
-
73
- </ul>
74
-
75
- <!-- END AnythingSlider -->
76
-
77
- </body>
78
-
79
- </html>
@@ -1,341 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <meta charset="utf-8">
6
-
7
- <title>AnythingSlider Video Demo</title>
8
- <link rel="shortcut icon" href="demos/images/favicon.ico">
9
- <link rel="apple-touch-icon" href="demos/images/apple-touch-icon.png">
10
-
11
- <!-- jQuery (required) -->
12
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
13
- <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
14
-
15
- <!-- Demo stuff -->
16
- <link rel="stylesheet" href="demos/css/page.css">
17
-
18
- <!-- Anything Slider optional plugins, but needed so the embeded video controls will work in IE -->
19
- <!-- http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js -->
20
- <script src="js/swfobject.js"></script>
21
-
22
- <!-- Anything Slider -->
23
- <link rel="stylesheet" href="css/anythingslider.css">
24
- <script src="js/jquery.anythingslider.js"></script>
25
-
26
- <!-- AnythingSlider video extension; optional, but needed to control video pause/play -->
27
- <script src="js/jquery.anythingslider.video.js"></script>
28
-
29
- <script>
30
- // DOM Ready
31
- $(function(){
32
- $('#slider').anythingSlider({
33
- resizeContents : true,
34
- addWmodeToObject : 'transparent',
35
- navigationFormatter : function(index, panel){ // Format navigation labels with text
36
- return ['Vimeo-iframe', 'Vimeo-embed', 'YouTube-iframe', 'YouTube-embed', 'HTML5 Video'][index - 1];
37
- }
38
- });
39
- });
40
- </script>
41
-
42
- <!-- Older IE stylesheet, to reposition navigation arrows, added AFTER the theme stylesheet above -->
43
- <!--[if lte IE 7]>
44
- <link rel="stylesheet" href="css/anythingslider-ie.css" type="text/css" media="screen" />
45
- <![endif]-->
46
- </head>
47
-
48
- <body>
49
-
50
- <br>
51
- <div id="nav">
52
- <a href="index.html">Main Demo</a>
53
- <a href="simple.html">Simple Demo</a>
54
- <a href="expand.html">Expand Demo</a>
55
- <a class="current" href="video.html">Video Demo</a>
56
- <a href="demos.html">FX Demos</a>
57
- <a class="play" href="http://jsfiddle.net/Mottie/VM8XG/">Playground</a>
58
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
59
- <a class="git" href="http://github.com/ProLoser/AnythingSlider/downloads">Download</a>
60
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a>
61
- </div>
62
- <br><br>
63
-
64
- <!-- START AnythingSlider -->
65
- <ul id="slider">
66
-
67
- <!-- Vimeo: iframe -->
68
- <li class="panel1"><iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe></li>
69
-
70
- <!-- Vimeo: Embeded -->
71
- <li class="panel2"><object width="940" height="529"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12280336&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12280336&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="940" height="529"></embed></object></li>
72
-
73
- <!-- YouTube: iframe -->
74
- <li class="panel3"><iframe title="YouTube video player" width="480" height="385" src="http://www.youtube.com/embed/1gOyrAVZHi4" frameborder="0" allowfullscreen></iframe></li>
75
-
76
- <!-- YouTube: Embedded -->
77
- <li class="panel4"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/zSgiXGELjbc&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zSgiXGELjbc&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></li>
78
-
79
- <!-- HTML5 Video -->
80
- <li class="panel5">
81
- <video width="320" height="240" controls="controls">
82
- <source src="demos/video/movie.ogg" type="video/ogg">
83
- <source src="demos/video/movie.mp4" type="video/mp4">
84
- <source src="demos/video/movie.webm" type="video/webm">
85
- Your browser does not support the video tag. But you could include an iframe/embeded video here.
86
- </video>
87
- </li>
88
-
89
- </ul> <!-- END AnythingSlider -->
90
-
91
- <br>
92
-
93
- <!-- Video compatibility table -->
94
- <div class="video-info">
95
- <h2>AnythingSlider Video Extension Compatibility</h2>
96
- <table border="1" class="data">
97
- <thead>
98
- <tr>
99
- <th rowspan="2">Video Type</th>
100
- <th rowspan="2">Function</th>
101
- <th colspan="7">Browser</th>
102
- </tr>
103
- <tr>
104
- <th class="header">FF</th>
105
- <th class="header">C</th>
106
- <th class="header">S</th>
107
- <th class="header">O</th>
108
- <th class="header">IE9</th>
109
- <th class="header">IE8</th>
110
- <th class="header">IE7</th>
111
- </tr>
112
- </thead>
113
- <tbody>
114
-
115
- <tr>
116
- <th rowspan="4">Vimeo iframe</th>
117
- <td>Setup</td>
118
- <td class="good"></td> <!-- Firefox -->
119
- <td class="good"></td> <!-- Chrome -->
120
- <td class="good"></td> <!-- Safari -->
121
- <td class="good"></td> <!-- Opera -->
122
- <td class="good"></td> <!-- IE9 -->
123
- <td class="good"></td> <!-- IE8 -->
124
- <td class="good"></td> <!-- IE7 -->
125
- </tr>
126
- <tr>
127
- <td>Continue</td>
128
- <td class="good"></td> <!-- Firefox -->
129
- <td class="good"></td> <!-- Chrome -->
130
- <td class="good"></td> <!-- Safari -->
131
- <td class="good"></td> <!-- Opera -->
132
- <td class="good"></td> <!-- IE9 -->
133
- <td class="good"></td> <!-- IE8 -->
134
- <td class="bad"></td> <!-- IE7 -->
135
- </tr>
136
- <tr><td>Pause</td>
137
- <td class="good"></td> <!-- Firefox -->
138
- <td class="good"></td> <!-- Chrome -->
139
- <td class="good"></td> <!-- Safari -->
140
- <td class="good"></td> <!-- Opera -->
141
- <td class="good"></td> <!-- IE9 -->
142
- <td class="good"></td> <!-- IE8 -->
143
- <td class="bad"></td> <!-- IE7 -->
144
- </tr>
145
- <tr>
146
- <td>Pause Slideshow</td>
147
- <td class="good"></td> <!-- Firefox -->
148
- <td class="good"></td> <!-- Chrome -->
149
- <td class="good"></td> <!-- Safari -->
150
- <td class="good"></td> <!-- Opera -->
151
- <td class="good"></td> <!-- IE9 -->
152
- <td class="good"></td> <!-- IE8 -->
153
- <td class="bad"></td> <!-- IE7 -->
154
- </tr>
155
-
156
- <tr>
157
- <th rowspan="4">Vimeo embed</th>
158
- <td>Setup</td>
159
- <td class="good"></td> <!-- Firefox -->
160
- <td class="good"></td> <!-- Chrome -->
161
- <td class="good"></td> <!-- Safari -->
162
- <td class="good"></td> <!-- Opera -->
163
- <td class="good"></td> <!-- IE9 -->
164
- <td class="good"></td> <!-- IE8 -->
165
- <td class="good"></td> <!-- IE7 -->
166
- </tr>
167
- <tr>
168
- <td>Continue</td>
169
- <td class="good"></td> <!-- Firefox -->
170
- <td class="good"></td> <!-- Chrome -->
171
- <td class="good"></td> <!-- Safari -->
172
- <td class="good"></td> <!-- Opera -->
173
- <td class="good"></td> <!-- IE9 -->
174
- <td class="good"></td> <!-- IE8 -->
175
- <td class="good"></td> <!-- IE7 -->
176
- </tr>
177
- <tr><td>Pause</td>
178
- <td class="good"></td> <!-- Firefox -->
179
- <td class="good"></td> <!-- Chrome -->
180
- <td class="good"></td> <!-- Safari -->
181
- <td class="good"></td> <!-- Opera -->
182
- <td class="good"></td> <!-- IE9 -->
183
- <td class="good"></td> <!-- IE8 -->
184
- <td class="good"></td> <!-- IE7 -->
185
- </tr>
186
- <tr>
187
- <td>Pause Slideshow</td>
188
- <td class="good"></td> <!-- Firefox -->
189
- <td class="good"></td> <!-- Chrome -->
190
- <td class="good"></td> <!-- Safari -->
191
- <td class="good"></td> <!-- Opera -->
192
- <td class="good"></td> <!-- IE9 -->
193
- <td class="good"></td> <!-- IE8 -->
194
- <td class="good"></td> <!-- IE7 -->
195
- </tr>
196
-
197
- <tr>
198
- <th rowspan="4">YouTube iframe</th>
199
- <td>Setup</td>
200
- <td class="good"></td> <!-- Firefox -->
201
- <td class="good"></td> <!-- Chrome -->
202
- <td class="good"></td> <!-- Safari -->
203
- <td class="good"></td> <!-- Opera -->
204
- <td class="good"></td> <!-- IE9 -->
205
- <td class="good"></td> <!-- IE8 -->
206
- <td class="good"></td> <!-- IE7 -->
207
- </tr>
208
- <tr>
209
- <td>Continue *</td>
210
- <td class="good"></td> <!-- Firefox -->
211
- <td class="prob"></td> <!-- Chrome -->
212
- <td class="prob"></td> <!-- Safari -->
213
- <td class="bad"></td> <!-- Opera -->
214
- <td class="prob"></td> <!-- IE9 -->
215
- <td class="prob"></td> <!-- IE8 -->
216
- <td class="bad"></td> <!-- IE7 -->
217
- </tr>
218
- <tr><td>Pause</td>
219
- <td class="good"></td> <!-- Firefox -->
220
- <td class="good"></td> <!-- Chrome -->
221
- <td class="good"></td> <!-- Safari -->
222
- <td class="good"></td> <!-- Opera -->
223
- <td class="good"></td> <!-- IE9 -->
224
- <td class="good"></td> <!-- IE8 -->
225
- <td class="bad"></td> <!-- IE7 -->
226
- </tr>
227
- <tr>
228
- <td>Pause Slideshow</td>
229
- <td class="good"></td> <!-- Firefox -->
230
- <td class="good"></td> <!-- Chrome -->
231
- <td class="good"></td> <!-- Safari -->
232
- <td class="bad"></td> <!-- Opera -->
233
- <td class="good"></td> <!-- IE9 -->
234
- <td class="good"></td> <!-- IE8 -->
235
- <td class="bad"></td> <!-- IE7 -->
236
- </tr>
237
-
238
- <tr>
239
- <th rowspan="4">YouTube embed</th>
240
- <td>Setup</td>
241
- <td class="good"></td> <!-- Firefox -->
242
- <td class="good"></td> <!-- Chrome -->
243
- <td class="good"></td> <!-- Safari -->
244
- <td class="good"></td> <!-- Opera -->
245
- <td class="good"></td> <!-- IE9 -->
246
- <td class="good"></td> <!-- IE8 -->
247
- <td class="good"></td> <!-- IE7 -->
248
- </tr>
249
- <tr>
250
- <td>Continue</td>
251
- <td class="good"></td> <!-- Firefox -->
252
- <td class="good"></td> <!-- Chrome -->
253
- <td class="good"></td> <!-- Safari -->
254
- <td class="good"></td> <!-- Opera -->
255
- <td class="good"></td> <!-- IE9 -->
256
- <td class="good"></td> <!-- IE8 -->
257
- <td class="good"></td> <!-- IE7 -->
258
- </tr>
259
- <tr><td>Pause</td>
260
- <td class="good"></td> <!-- Firefox -->
261
- <td class="good"></td> <!-- Chrome -->
262
- <td class="good"></td> <!-- Safari -->
263
- <td class="good"></td> <!-- Opera -->
264
- <td class="good"></td> <!-- IE9 -->
265
- <td class="good"></td> <!-- IE8 -->
266
- <td class="good"></td> <!-- IE7 -->
267
- </tr>
268
- <tr>
269
- <td>Pause Slideshow</td>
270
- <td class="good"></td> <!-- Firefox -->
271
- <td class="good"></td> <!-- Chrome -->
272
- <td class="good"></td> <!-- Safari -->
273
- <td class="good"></td> <!-- Opera -->
274
- <td class="good"></td> <!-- IE9 -->
275
- <td class="good"></td> <!-- IE8 -->
276
- <td class="good"></td> <!-- IE7 -->
277
- </tr>
278
-
279
- <tr>
280
- <th rowspan="4">HTML5 Video</th>
281
- <td>Setup</td>
282
- <td class="good"></td> <!-- Firefox -->
283
- <td class="good"></td> <!-- Chrome -->
284
- <td class="prob"></td> <!-- Safari -->
285
- <td class="good"></td> <!-- Opera -->
286
- <td class="good"></td> <!-- IE9 -->
287
- <td class="bad"></td> <!-- IE8 -->
288
- <td class="bad"></td> <!-- IE7 -->
289
- </tr>
290
- <tr>
291
- <td>Continue</td>
292
- <td class="good"></td> <!-- Firefox -->
293
- <td class="good"></td> <!-- Chrome -->
294
- <td class="good"></td> <!-- Safari -->
295
- <td class="good"></td> <!-- Opera -->
296
- <td class="good"></td> <!-- IE9 -->
297
- <td class="bad"></td> <!-- IE8 -->
298
- <td class="bad"></td> <!-- IE7 -->
299
- </tr>
300
- <tr><td>Pause</td>
301
- <td class="good"></td> <!-- Firefox -->
302
- <td class="good"></td> <!-- Chrome -->
303
- <td class="good"></td> <!-- Safari -->
304
- <td class="good"></td> <!-- Opera -->
305
- <td class="good"></td> <!-- IE9 -->
306
- <td class="bad"></td> <!-- IE8 -->
307
- <td class="bad"></td> <!-- IE7 -->
308
- </tr>
309
- <tr>
310
- <td>Pause Slideshow</td>
311
- <td class="good"></td> <!-- Firefox -->
312
- <td class="good"></td> <!-- Chrome -->
313
- <td class="good"></td> <!-- Safari -->
314
- <td class="good"></td> <!-- Opera -->
315
- <td class="good"></td> <!-- IE9 -->
316
- <td class="bad"></td> <!-- IE8 -->
317
- <td class="bad"></td> <!-- IE7 -->
318
- </tr>
319
-
320
- </tbody>
321
- </table>
322
- <br>
323
- <h3>Legend</h3>
324
- <ul>
325
- <li>(*) YouTube iframe autoplays (continues) the second time the video comes into view, because it gets paused even though it hasn't started; oddly this isn't a problem in Firefox. Still working on a fix.</li>
326
- <li>(FF) Firefox 3+ - No problems noted.</li>
327
- <li>(C) Chrome - Ignore "Unsafe JavaScript attempt to access frame with URL" error.</li>
328
- <li>(S) Safari 4+ - HTML5 video shows up as a black box when it should be hidden by overflow (at least in Windows).</li>
329
- <li>(O) Opera 9+ - YouTube iframe does not update player status when the script controls it (<a href="https://groups.google.com/forum/#!msg/youtube-api-gdata/eaPsecXHVmc/NXNDQhMZcwsJ">reported</a>). So this breaks this extension's ability to resume a video and pause the slideshow.</li>
330
- <li>(IE9) Internet Explorer 9 - See "*" Note above.</li>
331
- <li>(IE8) Internet Explorer 8 - no support for HTML5.</li>
332
- <li>(IE7) Internet Explorer 7 - no support for HTML5 and no support for iframe communication.</li>
333
- </ul>
334
-
335
- </div>
336
-
337
- <br>
338
-
339
- </body>
340
-
341
- </html>
@@ -1,39 +0,0 @@
1
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
3
- <html lang="en">
4
- <head>
5
- <title>Nivo Slider Demo</title>
6
- <link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" />
7
- <link rel="stylesheet" href="../themes/pascal/pascal.css" type="text/css" media="screen" />
8
- <link rel="stylesheet" href="../themes/orman/orman.css" type="text/css" media="screen" />
9
- <link rel="stylesheet" href="../nivo-slider.css" type="text/css" media="screen" />
10
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
11
- </head>
12
- <body>
13
- <div id="wrapper">
14
-
15
- <a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios">dev7studios</a>
16
-
17
- <div class="slider-wrapper theme-default">
18
- <div class="ribbon"></div>
19
- <div id="slider" class="nivoSlider">
20
- <img src="images/toystory.jpg" alt="" />
21
- <a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a>
22
- <img src="images/walle.jpg" alt="" />
23
- <img src="images/nemo.jpg" alt="" title="#htmlcaption" />
24
- </div>
25
- <div id="htmlcaption" class="nivo-html-caption">
26
- <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
27
- </div>
28
- </div>
29
-
30
- </div>
31
- <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
32
- <script type="text/javascript" src="../jquery.nivo.slider.pack.js"></script>
33
- <script type="text/javascript">
34
- $(window).load(function() {
35
- $('#slider').nivoSlider();
36
- });
37
- </script>
38
- </body>
39
- </html>