Easing Slider - Version 1.1.9

Version Description

  • Fixed: Plugin inconsistancies and Javascript mistakes.
  • Changed: Plugin now only deletes slideshow when uninstalled (rather than de-activated).
Download this release

Release Info

Developer MatthewRuddy
Plugin Icon 128x128 Easing Slider
Version 1.1.9
Comparing to
See all releases

Code changes from version 1.1.8 to 1.1.9

Files changed (5) hide show
  1. css/slider.css +21 -21
  2. css/tabs.css +38 -38
  3. easingslider.php +994 -994
  4. js/script.js +8 -41
  5. readme.txt +149 -146
css/slider.css CHANGED
@@ -1,22 +1,22 @@
1
- .lof-slidecontent, .lof-slidecontent a { color:#FFF; }
2
- .lof-container {}.lof-slidecontent{ position: relative;}
3
- .lof-slidecontent .preload{ position:absolute; top:0; left:0; z-index:2; height: 100%; width: 100%;}
4
- .lof-main-outer {position: relative; overflow:hidden;}
5
- .lof-main-outer .lof-next, .lof-main-outer .lof-previous{ display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; top:0;}
6
- .lof-main-outer .lof-next { right:10px;}
7
- .lof-main-outer .lof-previous { left:10px;}
8
- .lof-main-wapper li {border: none !important;}
9
-
10
- /* main flash */
11
- ul.lof-main-wapper{ /* margin-right:auto; */ background: transparent; padding:0 !important; margin:0 !important; position: relative;}
12
- ul.lof-main-wapper li{ padding:0 !important; margin:0 !important; float:left; list-style: none; position:relative;}
13
- ul.lof-main-wapper li a img {border:none !important;}
14
- .lof-opacity { overflow:visible !important;; position:absolute !important;}
15
- .lof-opacity li{ position:absolute !important;; top:0; left:0; margin:0; padding:0; float:inherit !important;}
16
- ul.lof-main-wapper li img{ padding:0 !important; margin:0 !important; max-width: none !important; }
17
-
18
- /* item navigator */.lof-navigator-wapper { position:absolute;}
19
- .lof-navigator-outer{ position:relative; z-index:1; height:180px; overflow:hidden; color:#FFF; margin:0; padding:0;}ul.lof-navigator{ top:0; padding:0; margin:0; position:relative; width:100%;}
20
- ul.lof-navigator li{ cursor:pointer; list-style:none; padding:0; margin: 0; overflow:hidden; float:left; display:block; text-align:left; border: none !important;}
21
- ul.lof-navigator li span { display: none;}
22
  ul.lof-navigator li.active { display:block;}
1
+ .lof-slidecontent, .lof-slidecontent a { color:#FFF; }
2
+ .lof-container {}.lof-slidecontent{ position: relative;}
3
+ .lof-slidecontent .preload{ position:absolute; top:0; left:0; z-index:2; height: 100%; width: 100%;}
4
+ .lof-main-outer {position: relative; overflow:hidden;}
5
+ .lof-main-outer .lof-next, .lof-main-outer .lof-previous{ display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; top:0;}
6
+ .lof-main-outer .lof-next { right:10px;}
7
+ .lof-main-outer .lof-previous { left:10px;}
8
+ .lof-main-wapper li {border: none !important;}
9
+
10
+ /* main flash */
11
+ ul.lof-main-wapper{ /* margin-right:auto; */ background: transparent; padding:0 !important; margin:0 !important; position: relative;}
12
+ ul.lof-main-wapper li{ padding:0 !important; margin:0 !important; float:left; list-style: none; position:relative;}
13
+ ul.lof-main-wapper li a img {border:none !important;}
14
+ .lof-opacity { overflow:visible !important;; position:absolute !important;}
15
+ .lof-opacity li{ position:absolute !important;; top:0; left:0; margin:0; padding:0; float:inherit !important;}
16
+ ul.lof-main-wapper li img{ padding:0 !important; margin:0 !important; max-width: none !important; }
17
+
18
+ /* item navigator */.lof-navigator-wapper { position:absolute;}
19
+ .lof-navigator-outer{ position:relative; z-index:1; height:180px; overflow:hidden; color:#FFF; margin:0; padding:0;}ul.lof-navigator{ top:0; padding:0; margin:0; position:relative; width:100%;}
20
+ ul.lof-navigator li{ cursor:pointer; list-style:none; padding:0; margin: 0; overflow:hidden; float:left; display:block; text-align:left; border: none !important;}
21
+ ul.lof-navigator li span { display: none;}
22
  ul.lof-navigator li.active { display:block;}
css/tabs.css CHANGED
@@ -1,39 +1,39 @@
1
- #content-explorer {
2
- padding-top: 20px;
3
- width:100%;
4
- line-height:normal;
5
- }
6
- #content-explorer ul {
7
- list-style: none;
8
- height:29px;
9
- border-bottom:2px solid #aaa;
10
- width: 820px;
11
- }
12
- #content-explorer ul li {
13
- background:url(../images/unselected_admin.jpg) repeat-x top left;
14
- float: left;
15
- padding: 6px 5px;
16
- border: 1px solid #aaa;
17
- }
18
- #content-explorer ul li a {
19
- display: block;
20
- margin: 0 auto;text-align:center;
21
- color: #464646;text-decoration:none;
22
- }
23
- #content-explorer ul li a:hover {
24
- color: #343434;
25
- }
26
- #content-explorer ul li.selected {
27
- background:url(../images/selected_admin.jpg) repeat-x top left;
28
- }
29
- #content-explorer ul li.selected a {
30
- padding: 0;font-size:12px;
31
- color: #fff;
32
- }
33
- .yui-content {
34
- }
35
-
36
- .submitbutton {
37
- float: left;
38
- width: 100%;
39
  }
1
+ #content-explorer {
2
+ padding-top: 20px;
3
+ width:100%;
4
+ line-height:normal;
5
+ }
6
+ #content-explorer ul {
7
+ list-style: none;
8
+ height:29px;
9
+ border-bottom:2px solid #aaa;
10
+ width: 820px;
11
+ }
12
+ #content-explorer ul li {
13
+ background:url(../images/unselected_admin.jpg) repeat-x top left;
14
+ float: left;
15
+ padding: 6px 5px;
16
+ border: 1px solid #aaa;
17
+ }
18
+ #content-explorer ul li a {
19
+ display: block;
20
+ margin: 0 auto;text-align:center;
21
+ color: #464646;text-decoration:none;
22
+ }
23
+ #content-explorer ul li a:hover {
24
+ color: #343434;
25
+ }
26
+ #content-explorer ul li.selected {
27
+ background:url(../images/selected_admin.jpg) repeat-x top left;
28
+ }
29
+ #content-explorer ul li.selected a {
30
+ padding: 0;font-size:12px;
31
+ color: #fff;
32
+ }
33
+ .yui-content {
34
+ }
35
+
36
+ .submitbutton {
37
+ float: left;
38
+ width: 100%;
39
  }
easingslider.php CHANGED
@@ -1,994 +1,994 @@
1
- <?php
2
- /*
3
- Plugin Name: Easing Slider
4
- Plugin URI: http://easingslider.matthewruddy.com
5
- Description: Easing Slider is an image slider which uses the jQuery Easing Plugin. It comes with many different transition and styling settings so you'll never have to edit any of the CSS files directly. Images are got from custom fields or Easing Slider's own 'custom images' panel where you can specify particular images via their URL.
6
- Version: 1.1.8
7
- Author: Matthew Ruddy
8
- Author URI: http://matthewruddy.com
9
- License: This plugin is licensed under the GNU General Public License.
10
- */
11
-
12
- function my_admin_scripts() {
13
- wp_enqueue_script('media-upload');
14
- wp_enqueue_script('thickbox');
15
- wp_register_script('uploadimagebutton', WP_PLUGIN_URL.'/easing-slider/js/uploadimagebutton.js', array('jquery','media-upload','thickbox'));
16
- wp_enqueue_script('uploadimagebutton');
17
- }
18
-
19
- function my_admin_styles() {
20
- wp_enqueue_style('thickbox');
21
- }
22
-
23
- if (isset($_GET['page']) && $_GET['page'] == 'easing-slider/easingslider.php') {
24
- add_action('admin_print_scripts', 'my_admin_scripts');
25
- add_action('admin_print_styles', 'my_admin_styles');
26
- }
27
-
28
- function easing_head() {
29
- $width = get_option('width');
30
- $interval = get_option('interval');
31
- $transition = get_option('transition');
32
- $transpeed = get_option('transpeed');
33
- $start = get_option('start');
34
- $pageposition = get_option('pageposition');
35
- $pageside = get_option('pageside');
36
- $paginationon = get_option('paginationon');
37
- $paginationoff = get_option('paginationoff');
38
- ?>
39
-
40
- <!-- Start of Easing Slider -->
41
- <style type="text/css">ul.lof-navigator li{background: url(<?php if($paginationoff=='') echo WP_PLUGIN_URL.'/easing-slider/images/pagination.png'; if($paginationoff!='') echo $paginationoff; ?>) 0 0 no-repeat;} ul.lof-navigator li.active{background: url(<?php if($paginationon=='') echo WP_PLUGIN_URL.'/easing-slider/images/pagination_current.png'; if($paginationon!='') echo $paginationon; ?>) 0 0 no-repeat;}
42
- .lof-opacity{width:<?php echo $width;?>px;height:<?php echo $height;?>px;}
43
- .lof-opacity li{width:<?php echo $width;?>px;height:<?php echo $height;?>px;}
44
- </style>
45
-
46
- <script type="text/javascript">
47
- jQuery.noConflict();
48
- jQuery(document).ready( function($){
49
- var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') };
50
- $obj = $('#lofslidecontent45')
51
- .lofJSidernews( { interval : <?php echo $interval; ?>,
52
- <?php if($transition=='slide') echo "easing : 'easeInOutExpo'";
53
- if($transition=='smooth') echo "easing : 'easeInOutQuad'";
54
- if($transition=='fade') echo "direction : 'opacity'";
55
- if($transition=='swipe') echo "easing : 'easeOutBack'";
56
- if($transition=='bounce') echo "easing : 'easeOutBounce'"; ?>,
57
- duration : <?php echo $transpeed; ?>,
58
- auto : true,
59
- maxItemDisplay : 10,
60
- startItem:<?php if($start=='1') echo '0';
61
- if($start=='2') echo '1';
62
- if($start=='3') echo '2';
63
- if($start=='4') echo '3';
64
- if($start=='5') echo '4';
65
- if($start=='6') echo '5';
66
- if($start=='7') echo '6';
67
- if($start=='8') echo '7';
68
- if($start=='9') echo '8';
69
- if($start=='10') echo '9'; ?>,
70
- navPosition : 'horizontal', // horizontal
71
- navigatorHeight : 15,
72
- navigatorWidth : 25,
73
- buttons : buttons,
74
- mainWidth:<?php echo $width; ?>} );
75
- });</script>
76
- <!-- End of Easing Slider -->
77
- <?php }
78
-
79
- function add_scripts() {
80
- $scripturl = WP_PLUGIN_URL .'/easing-slider/js/';
81
-
82
- if(get_option('jquery') == 'true') {
83
- if ( !is_admin() ) {
84
- wp_deregister_script('jquery');
85
- wp_register_script('jquery', $scripturl.'jquery.js', '', '1.4.2');
86
- wp_enqueue_script('jquery');
87
- }
88
- }
89
-
90
- wp_register_script('easing', $scripturl.'jquery.easing.js', '', '1.3');
91
- wp_enqueue_script('easing');
92
- wp_register_script('script', $scripturl.'script.js', '', '1.1.7');
93
- wp_enqueue_script('script');
94
-
95
- }
96
-
97
- function add_styles() {
98
- $sliderstyle = WP_PLUGIN_URL .'/easing-slider/css/slider.css';
99
-
100
- wp_register_style('slider', $sliderstyle, '', '1.1.7');
101
- wp_enqueue_style('slider');
102
-
103
- }
104
-
105
- add_action('wp_print_styles','add_styles');
106
- add_action('wp_print_scripts','add_scripts');
107
-
108
- function admin_files() {
109
- ?><link rel="stylesheet" href="<?php echo WP_PLUGIN_URL .'/easing-slider/css/tabs.css'; ?>" />
110
- <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
111
- <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js"></script>
112
- <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js"></script>
113
- <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js"></script>
114
- <?php }
115
-
116
- add_action('admin_head', 'admin_files');
117
- add_action('wp_head', 'easing_head');
118
-
119
- function easing_slider() {
120
- $sImg1 = get_option('sImg1');
121
- $sImg2 = get_option('sImg2');
122
- $sImg3 = get_option('sImg3');
123
- $sImg4 = get_option('sImg4');
124
- $sImg5 = get_option('sImg5');
125
- $sImg6 = get_option('sImg6');
126
- $sImg7 = get_option('sImg7');
127
- $sImg8 = get_option('sImg8');
128
- $sImg9 = get_option('sImg9');
129
- $sImg10 = get_option('sImg10');
130
- $sImglink1 = get_option('sImglink1');
131
- $sImglink2 = get_option('sImglink2');
132
- $sImglink3 = get_option('sImglink3');
133
- $sImglink4 = get_option('sImglink4');
134
- $sImglink5 = get_option('sImglink5');
135
- $sImglink6 = get_option('sImglink6');
136
- $sImglink7 = get_option('sImglink7');
137
- $sImglink8 = get_option('sImglink8');
138
- $sImglink9 = get_option('sImglink9');
139
- $sImglink10 = get_option('sImglink10');
140
- $sPagination = get_option('sPagination');
141
- $activation = get_option('activation');
142
- $width = get_option('width');
143
- $height = get_option('height');
144
- $shadow = get_option('shadow');
145
- $interval = get_option('interval');
146
- $transition = get_option('transition');
147
- $bgcolour = get_option('bgcolour');
148
- $transpeed = get_option('transpeed');
149
- $bwidth = get_option('bwidth');
150
- $bcolour = get_option('bcolour');
151
- $preload = get_option('preload');
152
- $start = get_option('start');
153
- $buttons = get_option('buttons');
154
- $source = get_option('source');
155
- $featcat = get_option('featcat');
156
- $featpost = get_option('featpost');
157
- $padbottom = get_option('padbottom');
158
- $padleft = get_option('padleft');
159
- $padright = get_option('padright');
160
- $paddingtop = get_option('paddingtop');
161
- $shadowstyle = get_option('shadowstyle');
162
- $paginationon = get_option('paginationon');
163
- $paginationoff = get_option('paginationoff');
164
- $next = get_option('next');
165
- $prev = get_option('prev');
166
- $pageposition = get_option('pageposition');
167
- $pageside = get_option('pageside');
168
- $permalink = get_option('permalink');
169
- $jquery = get_option('jquery');
170
-
171
- $padtop = $bwidth*2;
172
-
173
- if ($activation == 'enable') {
174
-
175
- $padding = '';
176
-
177
- if ($shadow == '') {
178
- $padding = $padbottom;
179
- $imgpadding = '0'; }
180
- else {
181
- $imgpadding = $padbottom; } ?>
182
- <!-- Easing Slider -->
183
- <div class="lof-container" style="height:<?php echo $height; ?>px;padding-right:<?php echo $padright; ?>px;padding-top:<?php echo $paddingtop; ?>px;padding-left:<?php echo $padleft;?>px;padding-bottom:<?php echo $imgpadding;?>px;">
184
- <div class="lof-slidecontent" id="lofslidecontent45" style="border:<?php echo $bwidth;?>px solid #<?php echo $bcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
185
- <div class="preload" style="<?php if($transition=='fade') echo 'padding-top:1px\9;'; ?>background:url(<?php echo WP_PLUGIN_URL; ?>/easing-slider/images/<?php if($preload=='indicator') echo 'indicator'; if($preload=='none') echo ''; if($preload=='arrows') echo 'arrows'; if($preload=='bar') echo 'bar'; if($preload=='bigflower') echo 'bigflower'; if($preload=='bounceball') echo 'bounceball'; if($preload=='indicatorlight') echo 'indicatorlight'; if($preload=='pik') echo 'pik'; if($preload=='snake') echo 'snake'; ?>.gif) no-repeat center center #<?php if($bgcolour=='') echo 'fff'; else echo $bgcolour; ?>;">
186
-
187
- </div>
188
- <div class="lof-main-outer" style="background: #<?php echo $bgcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
189
- <ul class="lof-main-wapper">
190
- <?php
191
-
192
- if(get_option('source') == 'featured') { ?>
193
- <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
194
- while($recent->have_posts()) : $recent->the_post(); global $post;
195
- $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
196
- <li><?php if($permalink == '') { ?><a href="<?php the_permalink(); ?>"><?php } ?><img src="<?php echo $image; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($permalink == '') { ?></a><?php } ?></li>
197
-
198
- <?php }endwhile; ?>
199
-
200
- <?php } else if(get_option('source') == 'all') { ?>
201
- <?php $recent = new WP_Query('showposts='.$featpost.'');
202
- while($recent->have_posts()) : $recent->the_post(); global $post;
203
- $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
204
- <li><?php if($permalink == '') { ?><a href="<?php the_permalink(); ?>"><?php } ?><img src="<?php echo $image; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>"/><?php if ($permalink == '') { ?></a><?php } ?></li>
205
-
206
- <?php }endwhile; ?>
207
-
208
- <?php } else if(get_option('source') == 'custom') {
209
-
210
- if ($sImg1) { ?>
211
- <li><?php if($sImglink1!='') echo '<a href="'. $sImglink1 .'">'; ?><img src="<?php echo $sImg1; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink1!='') echo '</a>'; ?></li><?php }
212
-
213
- if ($sImg2) { ?>
214
- <li><?php if($sImglink2!='') echo '<a href="'. $sImglink2 .'">'; ?><img src="<?php echo $sImg2; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink2!='') echo '</a>'; ?></li><?php }
215
-
216
- if ($sImg3) { ?>
217
- <li><?php if($sImglink3!='') echo '<a href="'. $sImglink3 .'">'; ?><img src="<?php echo $sImg3; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink3!='') echo '</a>'; ?></li><?php }
218
-
219
- if ($sImg4) { ?>
220
- <li><?php if($sImglink4!='') echo '<a href="'. $sImglink4 .'">'; ?><img src="<?php echo $sImg4; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink4!='') echo '</a>'; ?></li><?php }
221
-
222
- if ($sImg5) { ?>
223
- <li><?php if($sImglink5!='') echo '<a href="'. $sImglink5 .'">'; ?><img src="<?php echo $sImg5; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink5!='') echo '</a>'; ?></li><?php }
224
-
225
- if ($sImg6) { ?>
226
- <li><?php if($sImglink6!='') echo '<a href="'. $sImglink6 .'">'; ?><img src="<?php echo $sImg6; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink6!='') echo '</a>'; ?></li><?php }
227
-
228
- if ($sImg7) { ?>
229
- <li><?php if($sImglink7!='') echo '<a href="'. $sImglink7 .'">'; ?><img src="<?php echo $sImg7; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink7!='') echo '</a>'; ?></li><?php }
230
-
231
- if ($sImg8) { ?>
232
- <li><?php if($sImglink8!='') echo '<a href="'. $sImglink8 .'">'; ?><img src="<?php echo $sImg8; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink8!='') echo '</a>'; ?></li><?php }
233
-
234
- if ($sImg9) { ?>
235
- <li><?php if($sImglink9!='') echo '<a href="'. $sImglink9 .'">'; ?><img src="<?php echo $sImg9; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink9!='') echo '</a>'; ?></li><?php }
236
-
237
- if ($sImg10) { ?>
238
- <li><?php if($sImglink10!='') echo '<a href="'. $sImglink10 .'">'; ?><img src="<?php echo $sImg10; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink10!='') echo '</a>'; ?></li><?php }
239
-
240
- }
241
-
242
- ?></ul><?php
243
-
244
-
245
- if ($buttons=='');
246
- else { ?>
247
- <div onclick="return false" class="lof-previous" style="
248
- background:url(<?php if($prev=='') echo WP_PLUGIN_URL.'/easing-slider/images/b_prev.png'; if($prev!='') echo $prev; ?>) no-repeat left center;"></div>
249
- <div onclick="return false" class="lof-next" style="
250
- background:url(<?php if($next=='') echo WP_PLUGIN_URL.'/easing-slider/images/b_next.png'; if($next!='') echo $next; ?>) no-repeat right center;"></div> <?php }
251
-
252
- ?></div><?php
253
-
254
-
255
- $sPagination = get_option('sPagination');
256
-
257
- if ($sPagination=='yes') { ?>
258
- <div class="lof-navigator-wapper" style="bottom:<?php if($pageposition=='outside') echo '-35'; if($pageposition=='inside') echo '5'; ?>px;<?php if($pageside=='left') echo 'left: 0'; if($pageside=='right') echo 'right:-10px'; ?>;padding:5px <?php if($pageposition=='outside') echo '5'; if($pageposition=='inside') echo '15'; ?>px;">
259
- <div class="lof-navigator-outer">
260
- <ul class="lof-navigator">
261
- <?php
262
-
263
- if(get_option('source') == 'featured') { ?>
264
- <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
265
- while($recent->have_posts()) : $recent->the_post(); global $post;
266
- $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
267
- <li><span>.</span></li>
268
- <?php }endwhile; ?>
269
-
270
- <?php } else if(get_option('source') == 'all') { ?>
271
- <?php $recent = new WP_Query('showposts='.$featpost.'');
272
- while($recent->have_posts()) : $recent->the_post(); global $post;
273
- $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
274
- <li><span>.</span></li>
275
- <?php }endwhile; ?>
276
-
277
- <?php } else if(get_option('source') == 'custom') {
278
-
279
- if ($sImg1) {
280
- echo '<li><span>.</span></li>'; }
281
- if ($sImg2) {
282
- echo '<li><span>.</span></li>'; }
283
- if ($sImg3) {
284
- echo '<li><span>.</span></li>'; }
285
- if ($sImg4) {
286
- echo '<li><span>.</span></li>'; }
287
- if ($sImg5) {
288
- echo '<li><span>.</span></li>'; }
289
- if ($sImg6) {
290
- echo '<li><span>.</span></li>'; }
291
- if ($sImg7) {
292
- echo '<li><span>.</span></li>'; }
293
- if ($sImg8) {
294
- echo '<li><span>.</span></li>'; }
295
- if ($sImg9) {
296
- echo '<li><span>.</span></li>'; }
297
- if ($sImg10) {
298
- echo '<li><span>.</span></li>'; }
299
- }
300
-
301
- ?> </ul>
302
- </div>
303
- </div>
304
-
305
- <?php }
306
-
307
- elseif ($sPagination=='no') {
308
- echo ''; } ?>
309
- </div>
310
- </div><?php
311
-
312
- if ($shadow=='')
313
- echo '<img src="'.WP_PLUGIN_URL.'/easing-slider/images/shadow_'.$shadowstyle.'.png" style="width:'.$width.'px; padding-left:'.$padleft.'px;padding-bottom:'.$padding.'px;padding-top:'.$padtop.'px;margin-left:'.$bwidth.'px;" alt="" />'; ?><!-- End of Easing Slider --><?php
314
-
315
- }
316
- }
317
-
318
-
319
- function easing_slider_short() {
320
- ob_start();
321
- easing_slider();
322
- $output_string=ob_get_contents();;
323
- ob_end_clean();
324
-
325
- return $output_string;
326
- }
327
-
328
-
329
- add_shortcode('easingslider', 'easing_slider_short');
330
-
331
- function set_easing_options() {
332
- add_option('sImg1','','');
333
- add_option('sImg2','','');
334
- add_option('sImg3','','');
335
- add_option('sImg4','','');
336
- add_option('sImg5','','');
337
- add_option('sImg6','','');
338
- add_option('sImg7','','');
339
- add_option('sImg8','','');
340
- add_option('sImg9','','');
341
- add_option('sImg10','','');
342
- add_option('sImglink1','','');
343
- add_option('sImglink2','','');
344
- add_option('sImglink3','','');
345
- add_option('sImglink4','','');
346
- add_option('sImglink5','','');
347
- add_option('sImglink6','','');
348
- add_option('sImglink7','','');
349
- add_option('sImglink8','','');
350
- add_option('sImglink9','','');
351
- add_option('sImglink10','','');
352
- add_option('sPagination','yes','');
353
- add_option('activation','enable','');
354
- add_option('width','480','');
355
- add_option('height','185','');
356
- add_option('shadow','','');
357
- add_option('interval','4000','');
358
- add_option('transition','slide','');
359
- add_option('bgcolour','fff','');
360
- add_option('transpeed','1200','');
361
- add_option('bwidth','3','');
362
- add_option('bcolour','ccc','');
363
- add_option('preload','indicator','');
364
- add_option('start','1','');
365
- add_option('buttons','','');
366
- add_option('source','featured','');
367
- add_option('featcat','','');
368
- add_option('featpost','5','');
369
- add_option('padbottom','0','');
370
- add_option('padleft','0','');
371
- add_option('padright','0','');
372
- add_option('paddingtop','0','');
373
- add_option('shadowstyle','arc','');
374
- add_option('paginationon','','');
375
- add_option('paginationoff','','');
376
- add_option('next','','');
377
- add_option('prev','','');
378
- add_option('pageposition','outside','');
379
- add_option('pageside','left','');
380
- add_option('permalink','','');
381
- add_option('jquery','true','');
382
- }
383
-
384
- function unset_easing_options() {
385
- delete_option('sImg1');
386
- delete_option('sImg2');
387
- delete_option('sImg3');
388
- delete_option('sImg4');
389
- delete_option('sImg5');
390
- delete_option('sImg6');
391
- delete_option('sImg7');
392
- delete_option('sImg8');
393
- delete_option('sImg9');
394
- delete_option('sImg10');
395
- delete_option('sImglink1');
396
- delete_option('sImglink2');
397
- delete_option('sImglink3');
398
- delete_option('sImglink4');
399
- delete_option('sImglink5');
400
- delete_option('sImglink6');
401
- delete_option('sImglink7');
402
- delete_option('sImglink8');
403
- delete_option('sImglink9');
404
- delete_option('sImglink10');
405
- delete_option('sPagination');
406
- delete_option('activation');
407
- delete_option('width');
408
- delete_option('height');
409
- delete_option('shadow');
410
- delete_option('interval');
411
- delete_option('transition');
412
- delete_option('bgcolour');
413
- delete_option('transpeed');
414
- delete_option('bwidth');
415
- delete_option('bcolour');
416
- delete_option('preload');
417
- delete_option('start');
418
- delete_option('buttons');
419
- delete_option('source');
420
- delete_option('featcat');
421
- delete_option('featpost');
422
- delete_option('padbottom');
423
- delete_option('padleft');
424
- delete_option('padright');
425
- delete_option('paddingtop');
426
- delete_option('shadowstyle');
427
- delete_option('paginationon');
428
- delete_option('paginationoff');
429
- delete_option('next');
430
- delete_option('prev');
431
- delete_option('pageposition');
432
- delete_option('pageside');
433
- delete_option('permalink');
434
- delete_option('jquery');
435
- }
436
-
437
- register_activation_hook(__FILE__,'set_easing_options');
438
- register_deactivation_hook(__FILE__,'unset_easing_options');
439
-
440
- function admin_easing() {
441
-
442
- $sImg1 = get_option('sImg1');
443
- $sImg2 = get_option('sImg2');
444
- $sImg3 = get_option('sImg3');
445
- $sImg4 = get_option('sImg4');
446
- $sImg5 = get_option('sImg5');
447
- $sImg6 = get_option('sImg6');
448
- $sImg7 = get_option('sImg7');
449
- $sImg8 = get_option('sImg8');
450
- $sImg9 = get_option('sImg9');
451
- $sImg10 = get_option('sImg10');
452
- $sImglink1 = get_option('sImglink1');
453
- $sImglink2 = get_option('sImglink2');
454
- $sImglink3 = get_option('sImglink3');
455
- $sImglink4 = get_option('sImglink4');
456
- $sImglink5 = get_option('sImglink5');
457
- $sImglink6 = get_option('sImglink6');
458
- $sImglink7 = get_option('sImglink7');
459
- $sImglink8 = get_option('sImglink8');
460
- $sImglink9 = get_option('sImglink9');
461
- $sImglink10 = get_option('sImglink10');
462
- $sPagination = get_option('sPagination');
463
- $activation = get_option('activation');
464
- $width = get_option('width');
465
- $height = get_option('height');
466
- $shadow = get_option('shadow');
467
- $interval = get_option('interval');
468
- $transition = get_option('transition');
469
- $bgcolour = get_option('bgcolour');
470
- $transpeed = get_option('transpeed');
471
- $bwidth = get_option('bwidth');
472
- $bcolour = get_option('bcolour');
473
- $preload = get_option('preload');
474
- $start = get_option('start');
475
- $buttons = get_option('buttons');
476
- $source = get_option('source');
477
- $featcat = get_option('featcat');
478
- $featpost = get_option('featpost');
479
- $padbottom = get_option('padbottom');
480
- $padleft = get_option('padleft');
481
- $padright = get_option('padright');
482
- $paddingtop = get_option('paddingtop');
483
- $shadowstyle = get_option('shadowstyle');
484
- $paginationon = get_option('paginationon');
485
- $paginationoff = get_option('paginationoff');
486
- $next = get_option('next');
487
- $prev = get_option('prev');
488
- $pageposition = get_option('pageposition');
489
- $pageside = get_option('pageside');
490
- $permalink = get_option('permalink');
491
- $jquery = get_option('jquery');
492
-
493
- if ('process' == $_POST['options']) {
494
- update_option('sImg1',$_REQUEST['sImg1']);
495
- update_option('sImg2',$_REQUEST['sImg2']);
496
- update_option('sImg3',$_REQUEST['sImg3']);
497
- update_option('sImg4',$_REQUEST['sImg4']);
498
- update_option('sImg5',$_REQUEST['sImg5']);
499
- update_option('sImg6',$_REQUEST['sImg6']);
500
- update_option('sImg7',$_REQUEST['sImg7']);
501
- update_option('sImg8',$_REQUEST['sImg8']);
502
- update_option('sImg9',$_REQUEST['sImg9']);
503
- update_option('sImg10',$_REQUEST['sImg10']);
504
- update_option('sImglink1',$_REQUEST['sImglink1']);
505
- update_option('sImglink2',$_REQUEST['sImglink2']);
506
- update_option('sImglink3',$_REQUEST['sImglink3']);
507
- update_option('sImglink4',$_REQUEST['sImglink4']);
508
- update_option('sImglink5',$_REQUEST['sImglink5']);
509
- update_option('sImglink6',$_REQUEST['sImglink6']);
510
- update_option('sImglink7',$_REQUEST['sImglink7']);
511
- update_option('sImglink8',$_REQUEST['sImglink8']);
512
- update_option('sImglink9',$_REQUEST['sImglink9']);
513
- update_option('sImglink10',$_REQUEST['sImglink10']);
514
- update_option('sPagination',$_REQUEST['sPagination']);
515
- update_option('activation',$_REQUEST['activation']);
516
- update_option('width',$_REQUEST['width']);
517
- update_option('height',$_REQUEST['height']);
518
- update_option('shadow',$_REQUEST['shadow']);
519
- update_option('interval',$_REQUEST['interval']);
520
- update_option('transition',$_REQUEST['transition']);
521
- update_option('bgcolour',$_REQUEST['bgcolour']);
522
- update_option('transpeed',$_REQUEST['transpeed']);
523
- update_option('bwidth',$_REQUEST['bwidth']);
524
- update_option('bcolour',$_REQUEST['bcolour']);
525
- update_option('preload',$_REQUEST['preload']);
526
- update_option('start',$_REQUEST['start']);
527
- update_option('buttons',$_REQUEST['buttons']);
528
- update_option('source',$_REQUEST['source']);
529
- update_option('featcat',$_REQUEST['featcat']);
530
- update_option('featpost',$_REQUEST['featpost']);
531
- update_option('padbottom',$_REQUEST['padbottom']);
532
- update_option('padleft',$_REQUEST['padleft']);
533
- update_option('padright',$_REQUEST['padright']);
534
- update_option('paddingtop',$_REQUEST['paddingtop']);
535
- update_option('shadowstyle',$_REQUEST['shadowstyle']);
536
- update_option('paginationon',$_REQUEST['paginationon']);
537
- update_option('paginationoff',$_REQUEST['paginationoff']);
538
- update_option('next',$_REQUEST['next']);
539
- update_option('prev',$_REQUEST['prev']);
540
- update_option('pageposition',$_REQUEST['pageposition']);
541
- update_option('pageside',$_REQUEST['pageside']);
542
- update_option('permalink',$_REQUEST['permalink']);
543
- update_option('jquery',$_REQUEST['jquery']);
544
- $sImg1 = get_option('sImg1');
545
- $sImg2 = get_option('sImg2');
546
- $sImg3 = get_option('sImg3');
547
- $sImg4 = get_option('sImg4');
548
- $sImg5 = get_option('sImg5');
549
- $sImg6 = get_option('sImg6');
550
- $sImg7 = get_option('sImg7');
551
- $sImg8 = get_option('sImg8');
552
- $sImg9 = get_option('sImg9');
553
- $sImg10 = get_option('sImg10');
554
- $sImglink1 = get_option('sImglink1');
555
- $sImglink2 = get_option('sImglink2');
556
- $sImglink3 = get_option('sImglink3');
557
- $sImglink4 = get_option('sImglink4');
558
- $sImglink5 = get_option('sImglink5');
559
- $sImglink6 = get_option('sImglink6');
560
- $sImglink7 = get_option('sImglink7');
561
- $sImglink8 = get_option('sImglink8');
562
- $sImglink9 = get_option('sImglink9');
563
- $sImglink10 = get_option('sImglink10');
564
- $sPagination = get_option('sPagination');
565
- $activation = get_option('activation');
566
- $width = get_option('width');
567
- $height = get_option('height');
568
- $shadow = get_option('shadow');
569
- $interval = get_option('interval');
570
- $transition = get_option('transition');
571
- $bgcolour = get_option('bgcolour');
572
- $transpeed = get_option('transpeed');
573
- $bwidth = get_option('bwidth');
574
- $bcolour = get_option('bcolour');
575
- $preload = get_option('preload');
576
- $start = get_option('start');
577
- $buttons = get_option('buttons');
578
- $source = get_option('source');
579
- $featcat = get_option('featcat');
580
- $featpost = get_option('featpost');
581
- $padbottom = get_option('padbottom');
582
- $padleft = get_option('padleft');
583
- $padright = get_option('padright');
584
- $paddingtop = get_option('paddingtop');
585
- $shadowstyle = get_option('shadowstyle');
586
- $paginationon = get_option('paginationon');
587
- $paginationoff = get_option('paginationoff');
588
- $next = get_option('next');
589
- $prev = get_option('prev');
590
- $pageposition = get_option('pageposition');
591
- $pageside = get_option('pageside');
592
- $permalink = get_option('permalink');
593
- $jquery = get_option('jquery');
594
- }
595
-
596
-
597
- ?><div class="wrap"><div id="icon-plugins" class="icon32"></div><h2>Easing Slider</h2>
598
-
599
- <a href="http://premiumslider.matthewruddy.com"><img src="<?php echo WP_PLUGIN_URL.'/easing-slider/images/advert.jpg'; ?>" style="margin-top: 15px;"/></a>
600
-
601
- <?php if ( $_REQUEST['submit'] ) echo '<div id="message" class="updated" style="width:750px;"><p><strong>Slider Options Updated.</strong></p></div>'; ?>
602
-
603
-
604
- <form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>&updated=true">
605
- <input type="hidden" name="options" value="process" />
606
-
607
- <?php
608
-
609
- print_easing_form();
610
-
611
- ?></div><?php
612
- }
613
-
614
-
615
- function modify_menu() {
616
- add_menu_page(
617
- 'Easing Slider',
618
- 'Easing Slider',
619
- 'administrator',
620
- 'easing-slider/easingslider.php',
621
- 'admin_easing'
622
- );
623
-
624
- }
625
-
626
- add_action('admin_menu','modify_menu');
627
-
628
- function print_easing_form() {
629
- $sImg1 = get_option('sImg1');
630
- $sImg2 = get_option('sImg2');
631
- $sImg3 = get_option('sImg3');
632
- $sImg4 = get_option('sImg4');
633
- $sImg5 = get_option('sImg5');
634
- $sImg6 = get_option('sImg6');
635
- $sImg7 = get_option('sImg7');
636
- $sImg8 = get_option('sImg8');
637
- $sImg9 = get_option('sImg9');
638
- $sImg10 = get_option('sImg10');
639
- $sImglink1 = get_option('sImglink1');
640
- $sImglink2 = get_option('sImglink2');
641
- $sImglink3 = get_option('sImglink3');
642
- $sImglink4 = get_option('sImglink4');
643
- $sImglink5 = get_option('sImglink5');
644
- $sImglink6 = get_option('sImglink6');
645
- $sImglink7 = get_option('sImglink7');
646
- $sImglink8 = get_option('sImglink8');
647
- $sImglink9 = get_option('sImglink9');
648
- $sImglink10 = get_option('sImglink10');
649
- $sPagination = get_option('sPagination');
650
- $activation = get_option('activation');
651
- $width = get_option('width');
652
- $height = get_option('height');
653
- $shadow = get_option('shadow');
654
- $interval = get_option('interval');
655
- $transition = get_option('transition');
656
- $bgcolour = get_option('bgcolour');
657
- $transpeed = get_option('transpeed');
658
- $bwidth = get_option('bwidth');
659
- $bcolour = get_option('bcolour');
660
- $preload = get_option('preload');
661
- $start = get_option('start');
662
- $buttons = get_option('buttons');
663
- $source = get_option('source');
664
- $featcat = get_option('featcat');
665
- $featpost = get_option('featpost');
666
- $padbottom = get_option('padbottom');
667
- $padleft = get_option('padleft');
668
- $padright = get_option('padright');
669
- $paddingtop = get_option('paddingtop');
670
- $shadowstyle = get_option('shadowstyle');
671
- $paginationon = get_option('paginationon');
672
- $paginationoff = get_option('paginationoff');
673
- $next = get_option('next');
674
- $prev = get_option('prev');
675
- $pageposition = get_option('pageposition');
676
- $pageside = get_option('pageside');
677
- $permalink = get_option('permalink');
678
- $jquery = get_option('jquery');
679
-
680
-
681
- ?>
682
- <div id="content-explorer">
683
- <ul class="yui-nav">
684
- <li class="selected"><a href="#">Custom Images</a></li>
685
- <li><a href="#">Slider Settings</a></li>
686
- <li><a href="#">Usage Settings</a></li>
687
- </ul>
688
-
689
- <div class="metabox-holder" style="width:810px;">
690
- <input class="button-secondary" id="upload_image_button" type="button" value="Upload Image" />
691
- <input type="submit" class="button-primary" name="submit" value="Save Changes" style="" />
692
- <div style="display:inline;font-style:italic;font-size:11px;padding-left:10px;"><b>Important:</b> Click 'save changes' after every image you 'insert into post'. </div>
693
- </div>
694
-
695
- <div class="yui-content">
696
-
697
- <div style="overflow: auto;"><!-- first div for content tabs -->
698
- <?php if($source!='custom') echo '<div id="message" style="padding:10px;margin:10px 0;border:1px solid #e6db55;background:#ffffe0;width:790px;"><strong>Custom Images are currently not enabled. To use them, change "Get Images From?" to "Custom Images" under the "Usage Settings" tab.</strong></div>'; ?>
699
- <div class="metabox-holder" style="width:402px;float:left;"><div class="postbox"><h3><span>Image #1 link:</span></h3>
700
- <?php if($sImg1) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg1.'" style="margin:0 10px;width:380px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(empty($sImg1)) echo 'id="upload_image"'; ?> name="sImg1" value="<?php echo stripslashes($sImg1); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
701
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink1" value="<?php echo stripslashes($sImglink1); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
702
- </div>
703
-
704
- <div class="postbox"><h3><span>Image #2 link:</span></h3>
705
- <?php if($sImg2) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg2.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&empty($sImg2)) echo 'id="upload_image"'; ?> name="sImg2" value="<?php echo stripslashes($sImg2); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
706
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink2" value="<?php echo stripslashes($sImglink2); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
707
- </div>
708
-
709
- <div class="postbox"><h3><span>Image #3 link:</span></h3>
710
- <?php if($sImg3) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg3.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&empty($sImg3)) echo 'id="upload_image"'; ?> id="sImg3" name="sImg3" value="<?php echo stripslashes($sImg3); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
711
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink3" value="<?php echo stripslashes($sImglink3); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
712
- </div>
713
-
714
- <div class="postbox"><h3><span>Image #4 link:</span></h3>
715
- <?php if($sImg4) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg4.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&empty($sImg4)) echo 'id="upload_image"'; ?> name="sImg4" value="<?php echo stripslashes($sImg4); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
716
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink4" value="<?php echo stripslashes($sImglink4); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
717
- </div>
718
-
719
- <div class="postbox"><h3><span>Image #5 link:</span></h3>
720
- <?php if($sImg5) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg5.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&empty($sImg5)) echo 'id="upload_image"'; ?> name="sImg5" value="<?php echo stripslashes($sImg5); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
721
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink5" value="<?php echo stripslashes($sImglink5); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
722
- </div></div>
723
-
724
- <div class="metabox-holder" style="width:402px;float:left;margin-left:10px;"><div class="postbox"><h3><span>Image #6 link:</span></h3>
725
- <?php if($sImg6) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg6.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&empty($sImg6)) echo 'id="upload_image"'; ?> name="sImg6" value="<?php echo stripslashes($sImg6); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
726
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink6" value="<?php echo stripslashes($sImglink6); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
727
- </div>
728
-
729
- <div class="postbox"><h3><span>Image #7 link:</span></h3>
730
- <?php if($sImg7) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg7.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&empty($sImg7)) echo 'id="upload_image"'; ?> name="sImg7" value="<?php echo stripslashes($sImg7); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
731
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink7" value="<?php echo stripslashes($sImglink7); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
732
- </div>
733
-
734
- <div class="postbox"><h3><span>Image #8 link:</span></h3>
735
- <?php if($sImg8) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg8.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&empty($sImg8)) echo 'id="upload_image"'; ?> name="sImg8" value="<?php echo stripslashes($sImg8); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
736
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink8" value="<?php echo stripslashes($sImglink8); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
737
- </div>
738
-
739
- <div class="postbox"><h3><span>Image #9 link:</span></h3>
740
- <?php if($sImg9) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg9.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&isset($sImg8)&empty($sImg9)) echo 'id="upload_image"'; ?> name="sImg9" value="<?php echo stripslashes($sImg9); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
741
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink9" value="<?php echo stripslashes($sImglink9); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
742
- </div>
743
-
744
- <div class="postbox"><h3><span>Image #10 link:</span></h3>
745
- <?php if($sImg10) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg10.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&isset($sImg8)&isset($sImg9)&empty($sImg10)) echo 'id="upload_image"'; ?> name="sImg10" value="<?php echo stripslashes($sImg10); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
746
- <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink10" value="<?php echo stripslashes($sImglink10); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
747
- </div></div>
748
-
749
- </div>
750
- <div><!-- second div for content tabs -->
751
-
752
- <div class="metabox-holder" style="width: 815px;">
753
- <div class="postbox">
754
-
755
- <table class="form-table" style="margin:0;">
756
- <tr valign="top"><td style="padding:0;width:180px;"><h3>Name</h3></td><td style="padding:0;width:130px;"><h3>Value</h3></td><td style="padding:0;"><h3>Description</h3></td></tr>
757
-
758
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="shadow" style="padding:10px;font-weight:bold;">disableShadow</label></td>
759
- <td style="padding:5px 0;margin-left:5px;"><input type="checkbox" name="shadow" <?php if (get_option('shadow')) echo "checked='checked'"; ?>/>Disable</td>
760
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Disable the shadow beneath the slider.</p></td></tr>
761
-
762
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="shadowtype" style="padding:10px;font-weight:bold;">shadowStyle:
763
- <td style="padding:5px 0;margin-left:5px;"><select name="shadowstyle" style="width:110px;">
764
- <option style="padding-right:10px;" value="arc" <?php selected('arc', get_option('shadowstyle')); ?>>Arc</option>
765
- <option style="padding-right:10px;" value="large" <?php selected('large', get_option('shadowstyle')); ?>>Large</option>
766
- <option style="padding-right:10px;" value="small" <?php selected('small', get_option('shadowstyle')); ?>>Small</option>
767
- </select></td>
768
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Choose between three different types of shadow beneath the slider.</p></td></tr>
769
-
770
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="buttons" style="padding:10px;font-weight:bold;">next/prevButtons</td></label>
771
- <td style="padding:5px 0;margin-left:5px;"><input type="checkbox" name="buttons" <?php if (get_option('buttons')) echo "checked='checked'"; ?>/>Enable</td>
772
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Enable the "next" and "previous" buttons. By default these are disabled.</p></td></tr>
773
-
774
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="next" style="padding:10px;font-weight:bold;">nextbuttonIcon</label></td>
775
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="next" <?php if(empty($_REQUEST['buttons'])) {echo 'readonly="readonly"';}?> value="<?php echo ($next); ?>" style="width: 100px;" /><?php if($next!='') echo '<img src="'.$next.'" width="20px" style="position:relative;top:5px;padding-left:5px;" />';?></td>
776
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">change the icon used for the 'next' button. If left blank, it will use the default image.</p></td></tr>
777
-
778
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="prev" style="padding:10px;font-weight:bold;">prevbuttonIcon</label></td>
779
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="prev" <?php if(empty($_REQUEST['buttons'])) {echo 'readonly="readonly"';}?> value="<?php echo ($prev); ?>" style="width: 100px;" /><?php if($prev!='') echo '<img src="'.$prev.'" width="20px" style="position:relative;top:5px;padding-left:5px;" />';?></td>
780
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Change the icon used for the 'prev' button. If left blank, it will use the default image.</p></td></tr>
781
-
782
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="width" style="padding:10px;font-weight:bold;">Slider "width"</label></td>
783
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="width" value="<?php echo ($width); ?>" style="width: 50px;" />px</td>
784
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Set the sliders width.</p></td></tr>
785
-
786
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="height" style="padding:10px;font-weight:bold;">Slider "height"</label></td>
787
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="height" value="<?php echo ($height); ?>" style="width: 50px;" />px</td>
788
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Set the sliders height.</p></td></tr>
789
-
790
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padbottom" style="padding:10px;font-weight:bold;">paddingBottom</label></td>
791
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padbottom" value="<?php echo ($padbottom); ?>" style="width: 50px;" />px</td>
792
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the bottom of the slider.</p></td></tr>
793
-
794
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paddingtop" style="padding:10px;font-weight:bold;">paddingTop</label></td>
795
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paddingtop" value="<?php echo ($paddingtop); ?>" style="width: 50px;" />px</td>
796
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the top of the slider.</p></td></tr>
797
-
798
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padright" style="padding:10px;font-weight:bold;">paddingRight</label></td>
799
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padright" value="<?php echo ($padright); ?>" style="width: 50px;" />px</td>
800
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the right of the slider.</p></td></tr>
801
-
802
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padleft" style="padding:10px;font-weight:bold;">paddingLeft</label></td>
803
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padleft" value="<?php echo ($padleft); ?>" style="width: 50px;" />px</td>
804
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the left of the slider.</p></td></tr>
805
-
806
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bgcolour" style="padding:10px;font-weight:bold;">backgroundColour:</label></td>
807
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bgcolour" value="<?php echo $bgcolour; ?>" style="width: 50px;" /></td>
808
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Change the sliders background colour. When left blank it is set to white in order for the preloader to function correctly.</p></td></tr>
809
-
810
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="start" style="padding:10px;font-weight:bold;">startPosition:</label></td>
811
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="start" value="<?php echo ($start); ?>" style="width: 50px;" /></td>
812
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Number of the image that the slider will start with. Choose a number between one and ten.</p></td></tr>
813
-
814
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="transpeed" style="padding:10px;font-weight:bold;">transitionSpeed:</label></td>
815
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="transpeed" value="<?php echo $transpeed; ?>" style="width: 50px;" /></td>
816
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of time it takes to transition one image to another.</p></td></tr>
817
-
818
-
819
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="interval" style="padding:10px;font-weight:bold;">autoPlay:</label></td>
820
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="interval" value="<?php echo $interval; ?>" style="width: 50px;" /></td>
821
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">The amount of time in milliseconds each image is displayed for.</p></td></tr>
822
-
823
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="transition" style="padding:10px;font-weight:bold;">animationStyle:
824
- <td style="padding:5px 0;margin-left:5px;"><select name="transition" style="width:110px;">
825
- <option style="padding-right:10px;" value="slide" <?php selected('slide', get_option('transition')); ?>>slide</option>
826
- <option style="padding-right:10px;" value="smooth" <?php selected('smooth', get_option('transition')); ?>>smooth</option>
827
- <option style="padding-right:10px;" value="fade" <?php selected('fade', get_option('transition')); ?>>fade</option>
828
- <option style="padding-right:10px;" value="swipe" <?php selected('swipe', get_option('transition')); ?>>swipe</option>
829
- <option style="padding-right:10px;" value="bounce" <?php selected('bounce', get_option('transition')); ?>>bounce</option>
830
- </select></td>
831
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Easing effect used to transition from each image. Choose from five different effect: slide, smooth, fade, swipe & bounce.</p></td></tr>
832
-
833
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bwidth" style="padding:10px;font-weight:bold;">borderWidth:</label></td>
834
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bwidth" value="<?php echo $bwidth; ?>" style="width: 50px;" />px</td>
835
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Width of the sliders surrounding border. Set to "0" for no border.</p></td></tr>
836
-
837
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bcolour" style="padding:10px;font-weight:bold;">borderColour:</label></td>
838
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bcolour" value="<?php echo $bcolour; ?>" style="width: 50px;" /></td>
839
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Colour of the surrounding border.</p></td></tr>
840
-
841
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="preload" style="padding:10px;font-weight:bold;">preloadIcon:</label></td>
842
- <td style="padding:5px 0;margin-left:5px;"><select name="preload" style="width:110px;">
843
- <option style="padding-right:10px;" value="none" <?php selected('none', get_option('preload')); ?>>none</option>
844
- <option style="padding-right:10px;" value="indicator" <?php selected('indicator', get_option('preload')); ?>>indicator</option>
845
- <option style="padding-right:10px;" value="arrows" <?php selected('arrows', get_option('preload')); ?>>arrows</option>
846
- <option style="padding-right:10px;" value="bar" <?php selected('bar', get_option('preload')); ?>>bar</option>
847
- <option style="padding-right:10px;" value="bigflower" <?php selected('bigflower', get_option('preload')); ?>>bigflower</option>
848
- <option style="padding-right:10px;" value="bounceball" <?php selected('bounceball', get_option('preload')); ?>>bounceball</option>
849
- <option style="padding-right:10px;" value="indicatorlight" <?php selected('indicatorlight', get_option('preload')); ?>>indicatorlight</option>
850
- <option style="padding-right:10px;" value="pik" <?php selected('pik', get_option('preload')); ?>>pik</option>
851
- <option style="padding-right:10px;" value="snake" <?php selected('snake', get_option('preload')); ?>>snake</option>
852
- </select></td>
853
-
854
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Animation displayed while slider is loading. Choose between eight different options or set to "none" for no image.</p></td></tr>
855
-
856
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="sPagination" style="padding:10px;font-weight:bold;">pagination:</label></td>
857
- <td style="padding:5px 0;margin-left:5px;"><select name="sPagination" style="width:110px;">
858
- <option style="padding-right:10px;" value="yes" <?php selected('yes', get_option('sPagination')); ?>>Yes</option>
859
- <option style="padding-right:10px;" value="no" <?php selected('no', get_option('sPagination')); ?>>No</option>
860
- </select></td>
861
-
862
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Icons acting as links for each individual image.</p></td></tr>
863
-
864
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="pageposition" style="padding:10px;font-weight:bold;">paginationPosition:</label></td>
865
- <td style="padding:5px 0;margin-left:5px;"><select name="pageposition" style="width:110px;">
866
- <option style="padding-right:10px;" value="outside" <?php selected('outside', get_option('pageposition')); ?>>Outside</option>
867
- <option style="padding-right:10px;" value="inside" <?php selected('inside', get_option('pageposition')); ?>>Inside</option>
868
- </select><br /><select name="pageside" style="width:110px;">
869
- <option style="padding-right:10px;" value="left" <?php selected('left', get_option('pageside')); ?>>Left</option>
870
- <option style="padding-right:10px;" value="right" <?php selected('right', get_option('pageside')); ?>>Right</option>
871
- </select></td>
872
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Choose whether the pagination will be displayed inside the slider or outside of it. Also select whether it will appear on the left or right.</p></td></tr>
873
-
874
-
875
-
876
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paginationon" style="padding:10px;font-weight:bold;">paginationIcon (on):</label></td>
877
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paginationon" <?php if($sPagination=='no') echo 'readonly="readonly"';?> value="<?php echo $paginationon; ?>" style="width: 100px;" /><?php if($paginationon!='') echo '<img src="'.$paginationon.'" style="position:relative;top:5px;padding-left:5px;" />';?></td>
878
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Insert the selected version here of your custom pagination icon here.</p></td></tr>
879
-
880
- <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paginationoff" style="padding:10px;font-weight:bold;">paginationIcon (off):</label></td>
881
- <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paginationoff" <?php if($sPagination=='no') echo 'readonly="readonly"';?> value="<?php echo $paginationoff; ?>" style="width: 100px;" /><?php if($paginationoff!='') echo '<img src="'.$paginationoff.'" style="position:relative;top:5px;padding-left:5px;" />';?></td>
882
- <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Use your own custom pagination icons. Insert the unselected version here.</p></td></tr>
883
-
884
- </table></div></div>
885
- </div>
886
- <div><!--third div for content tabs -->
887
- <div class="metabox-holder" style="width:815px;">
888
- <div class="postbox">
889
- <table class="form-table" style="margin:0;">
890
- <tr valign="top"><td style="padding:0;width:180px;"><h3>Name</h3></td><td style="padding:0;width:235px;"><h3>Value</h3></td><td style="padding:0;"><h3>Description</td></h3></tr>
891
- <tr valign="top" style="border-bottom:1px solid #ccc;">
892
- <td style="padding:5px 0;">
893
- <label for="activation" style="padding:10px;font-weight:bold;">Activate Plugin</label>
894
- </td>
895
- <td style="padding:5px 0;">
896
- <?php if($activation == 'enable') { ?>
897
- <input type="radio" checked="checked" value="enable" name="activation">Enable
898
- <br />
899
- <input type="radio" value="disable" name="activation">Disable
900
- <?php } else { ?>
901
- <input type="radio" value="enable" name="activation">Enable
902
- <br />
903
- <input type="radio" checked="checked" value="disable" name="activation">Disable
904
- <?php } ?>
905
- </td>
906
- <td style="margin:5px 0;">
907
- <p style="margin:0;font-style:italic;font-size:11px;">
908
- Enable or disable the slider.
909
- </p>
910
- </td>
911
- </tr>
912
-
913
- <tr valign="top" style="border-bottom:1px solid #ccc;">
914
- <td style="padding:5px 0;">
915
- <label for="source" style="padding:10px;font-weight:bold;">Load jQuery?</label>
916
- </td>
917
- <td style="padding:5px 0;">
918
- <select name="jquery" style="width:235px;">
919
- <option value="true" <?php selected('true', get_option('jquery')); ?>>True</option>
920
- <option value="false" <?php selected('false', get_option('jquery')); ?>>False</option>
921
- </select>
922
- </td>
923
- <td style="padding:5px 0;">
924
- <p style="margin:0 10px;font-style:italic;font-size:11px;">
925
- Choose if the slider should load jQuery. Setting this to 'false' may fix jQuery conflict errors that are breaking the slider.
926
- </p>
927
- </td>
928
- </tr>
929
-
930
- <tr valign="top" style="border-bottom:1px solid #ccc;">
931
- <td style="padding:5px 0;">
932
- <label for="permalink" style="padding:10px;font-weight:bold;">Permalinks</label>
933
- </td>
934
- <td style="padding:5px 0;">
935
- <input type="checkbox" name="permalink" <?php if (get_option('permalink')) echo "checked='checked'"; ?>/>Disable
936
- </td>
937
- <td style="margin:5px 0;">
938
- <p style="margin:0;font-style:italic;font-size:11px;">
939
- Check this box to disable the permalinks on images sourced from posts (custom fields).
940
- </p>
941
- </td>
942
- </tr>
943
-
944
- <tr valign="top" style="border-bottom:1px solid #ccc;">
945
- <td style="padding:5px 0;">
946
- <label for="source" style="padding:10px;font-weight:bold;">Get Images From?</label>
947
- </td>
948
- <td style="padding:5px 0;">
949
- <select name="source" style="width:235px;">
950
- <option value="featured" <?php selected('featured', get_option('source')); ?>>Custom Fields (Selected Category)</option>
951
- <option value="all" <?php selected('all', get_option('source')); ?>>Custom Fields (All Categories)</option>
952
- <option value="custom" <?php selected('custom', get_option('source')); ?>>Custom Images</option>
953
- </select>
954
- </td>
955
- <td style="padding:5px 0;">
956
- <p style="margin:0 10px;font-style:italic;font-size:11px;">
957
- Here you can select the source from which the images are displayed. </p><p style="margin:10px;font-style:italic;font-size:11px;">Select 'Custom Fields' if you wish to get the images from custom fields. To do so, enter 'easing' under name field & and the URL of the chosen image under the value field. </p><p style="margin:10px;font-style:italic;font-size:11px;"> Otherwise, you can choose to display 'custom' images. These images can be uploaded in the 'Custom Images' section where you can specify links to images from the Media Library or elsewhere. </p><p style="margin:10px;font-style:italic;font-size:11px;">By default, this option is set to 'Custom Fields (Selected Category)'.
958
- </p>
959
- </td>
960
- </tr>
961
-
962
- <tr valign="top" style="border-bottom:1px solid #ccc;">
963
- <td style="padding:5px 0;">
964
- <label for="featcat" style="padding:10px;font-weight:bold;">Selected Category:</label>
965
- <td style="padding:5px 0;"><style type="text/css">.cat_select{width:235px;};</style>
966
- <?php wp_dropdown_categories(array('hide_empty' => 0, 'class' => 'cat_select', 'name' => 'featcat', 'orderby' => 'name', 'selected' => get_option('featcat'), 'hierarchical' => true,));?>
967
- </td>
968
- <td style="padding:5px 0;">
969
- <p style="margin:10px;margin-top:0;font-style:italic;font-size:11px;">
970
- Here you can select which categorie's post thumbnails you wish to display if you have selected the 'Post thumbnails (Selected Category)' option above.
971
- </p>
972
- </tr>
973
-
974
- <tr valign="top">
975
- <td style="padding:5px 0;">
976
- <label for="featpost" style="padding:10px;font-weight:bold;">Number of Posts:</label>
977
- </td>
978
- <td style="padding:5px 0;"">
979
- <input type="text" id="test" style="width:50px;" name="featpost" value="<?php echo $featpost; ?>" <?php if($source=='custom') echo 'readonly="readonly"'; ?> />
980
- </td>
981
- <td style="padding:5px 0;">
982
- <p style="margin:0 10px;font-style:italic;font-size:11px;">
983
- Number of post thumbnails to be displayed in the slider. No matter how high you set it, the slider will display a maximum of 10 images. </p></tr>
984
- </table>
985
- </div></div></div>
986
- </div><!-- #yui-content -->
987
- </div><!-- #content-explorer -->
988
-
989
- </form>
990
-
991
- <script type="text/javascript">
992
- var myTabs = new YAHOO.widget.TabView("content-explorer");
993
- </script>
994
- <?php }
1
+ <?php
2
+ /*
3
+ Plugin Name: Easing Slider
4
+ Plugin URI: http://easingslider.matthewruddy.com
5
+ Description: Easing Slider is an image slider which uses the jQuery Easing Plugin. It comes with many different transition and styling settings so you'll never have to edit any of the CSS files directly. Images are got from custom fields or Easing Slider's own 'custom images' panel where you can specify particular images via their URL.
6
+ Version: 1.1.9
7
+ Author: Matthew Ruddy
8
+ Author URI: http://matthewruddy.com
9
+ License: This plugin is licensed under the GNU General Public License.
10
+ */
11
+
12
+ function my_admin_scripts() {
13
+ wp_enqueue_script('media-upload');
14
+ wp_enqueue_script('thickbox');
15
+ wp_register_script('uploadimagebutton', WP_PLUGIN_URL.'/easing-slider/js/uploadimagebutton.js', array('jquery','media-upload','thickbox'));
16
+ wp_enqueue_script('uploadimagebutton');
17
+ }
18
+
19
+ function my_admin_styles() {
20
+ wp_enqueue_style('thickbox');
21
+ }
22
+
23
+ if (isset($_GET['page']) && $_GET['page'] == 'easing-slider/easingslider.php') {
24
+ add_action('admin_print_scripts', 'my_admin_scripts');
25
+ add_action('admin_print_styles', 'my_admin_styles');
26
+ }
27
+
28
+ function easing_head() {
29
+ $width = get_option('width');
30
+ $interval = get_option('interval');
31
+ $transition = get_option('transition');
32
+ $transpeed = get_option('transpeed');
33
+ $start = get_option('start');
34
+ $pageposition = get_option('pageposition');
35
+ $pageside = get_option('pageside');
36
+ $paginationon = get_option('paginationon');
37
+ $paginationoff = get_option('paginationoff');
38
+ ?>
39
+
40
+ <!-- Start of Easing Slider -->
41
+ <style type="text/css">ul.lof-navigator li{background: url(<?php if($paginationoff=='') echo WP_PLUGIN_URL.'/easing-slider/images/pagination.png'; if($paginationoff!='') echo $paginationoff; ?>) 0 0 no-repeat;} ul.lof-navigator li.active{background: url(<?php if($paginationon=='') echo WP_PLUGIN_URL.'/easing-slider/images/pagination_current.png'; if($paginationon!='') echo $paginationon; ?>) 0 0 no-repeat;}
42
+ .lof-opacity{width:<?php echo $width;?>px;height:<?php echo $height;?>px;}
43
+ .lof-opacity li{width:<?php echo $width;?>px;height:<?php echo $height;?>px;}
44
+ </style>
45
+
46
+ <script type="text/javascript">
47
+ jQuery.noConflict();
48
+ jQuery(document).ready( function($){
49
+ var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') };
50
+ $obj = $('#lofslidecontent45')
51
+ .lofJSidernews( { interval : <?php echo $interval; ?>,
52
+ <?php if($transition=='slide') echo "easing : 'easeInOutExpo'";
53
+ if($transition=='smooth') echo "easing : 'easeInOutQuad'";
54
+ if($transition=='fade') echo "direction : 'opacity'";
55
+ if($transition=='swipe') echo "easing : 'easeOutBack'";
56
+ if($transition=='bounce') echo "easing : 'easeOutBounce'"; ?>,
57
+ duration : <?php echo $transpeed; ?>,
58
+ auto : true,
59
+ maxItemDisplay : 10,
60
+ startItem:<?php if($start=='1') echo '0';
61
+ if($start=='2') echo '1';
62
+ if($start=='3') echo '2';
63
+ if($start=='4') echo '3';
64
+ if($start=='5') echo '4';
65
+ if($start=='6') echo '5';
66
+ if($start=='7') echo '6';
67
+ if($start=='8') echo '7';
68
+ if($start=='9') echo '8';
69
+ if($start=='10') echo '9'; ?>,
70
+ navPosition : 'horizontal', // horizontal
71
+ navigatorHeight : 15,
72
+ navigatorWidth : 25,
73
+ buttons : buttons,
74
+ mainWidth:<?php echo $width; ?>} );
75
+ });</script>
76
+ <!-- End of Easing Slider -->
77
+ <?php }
78
+
79
+ function add_scripts() {
80
+ $scripturl = WP_PLUGIN_URL .'/easing-slider/js/';
81
+
82
+ if(get_option('jquery') == 'true') {
83
+ if ( !is_admin() ) {
84
+ wp_deregister_script('jquery');
85
+ wp_register_script('jquery', $scripturl.'jquery.js', '', '1.4.2');
86
+ wp_enqueue_script('jquery');
87
+ }
88
+ }
89
+
90
+ wp_register_script('easing', $scripturl.'jquery.easing.js', '', '1.3');
91
+ wp_enqueue_script('easing');
92
+ wp_register_script('script', $scripturl.'script.js', '', '1.1.9');
93
+ wp_enqueue_script('script');
94
+
95
+ }
96
+
97
+ function add_styles() {
98
+ $sliderstyle = WP_PLUGIN_URL .'/easing-slider/css/slider.css';
99
+
100
+ wp_register_style('slider', $sliderstyle, '', '1.1.9');
101
+ wp_enqueue_style('slider');
102
+
103
+ }
104
+
105
+ add_action('wp_print_styles','add_styles');
106
+ add_action('wp_print_scripts','add_scripts');
107
+
108
+ function admin_files() {
109
+ ?><link rel="stylesheet" href="<?php echo WP_PLUGIN_URL .'/easing-slider/css/tabs.css'; ?>" />
110
+ <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
111
+ <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js"></script>
112
+ <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js"></script>
113
+ <script type="text/javascript" src="http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js"></script>
114
+ <?php }
115
+
116
+ add_action('admin_head', 'admin_files');
117
+ add_action('wp_head', 'easing_head');
118
+
119
+ function easing_slider() {
120
+ $sImg1 = get_option('sImg1');
121
+ $sImg2 = get_option('sImg2');
122
+ $sImg3 = get_option('sImg3');
123
+ $sImg4 = get_option('sImg4');
124
+ $sImg5 = get_option('sImg5');
125
+ $sImg6 = get_option('sImg6');
126
+ $sImg7 = get_option('sImg7');
127
+ $sImg8 = get_option('sImg8');
128
+ $sImg9 = get_option('sImg9');
129
+ $sImg10 = get_option('sImg10');
130
+ $sImglink1 = get_option('sImglink1');
131
+ $sImglink2 = get_option('sImglink2');
132
+ $sImglink3 = get_option('sImglink3');
133
+ $sImglink4 = get_option('sImglink4');
134
+ $sImglink5 = get_option('sImglink5');
135
+ $sImglink6 = get_option('sImglink6');
136
+ $sImglink7 = get_option('sImglink7');
137
+ $sImglink8 = get_option('sImglink8');
138
+ $sImglink9 = get_option('sImglink9');
139
+ $sImglink10 = get_option('sImglink10');
140
+ $sPagination = get_option('sPagination');
141
+ $activation = get_option('activation');
142
+ $width = get_option('width');
143
+ $height = get_option('height');
144
+ $shadow = get_option('shadow');
145
+ $interval = get_option('interval');
146
+ $transition = get_option('transition');
147
+ $bgcolour = get_option('bgcolour');
148
+ $transpeed = get_option('transpeed');
149
+ $bwidth = get_option('bwidth');
150
+ $bcolour = get_option('bcolour');
151
+ $preload = get_option('preload');
152
+ $start = get_option('start');
153
+ $buttons = get_option('buttons');
154
+ $source = get_option('source');
155
+ $featcat = get_option('featcat');
156
+ $featpost = get_option('featpost');
157
+ $padbottom = get_option('padbottom');
158
+ $padleft = get_option('padleft');
159
+ $padright = get_option('padright');
160
+ $paddingtop = get_option('paddingtop');
161
+ $shadowstyle = get_option('shadowstyle');
162
+ $paginationon = get_option('paginationon');
163
+ $paginationoff = get_option('paginationoff');
164
+ $next = get_option('next');
165
+ $prev = get_option('prev');
166
+ $pageposition = get_option('pageposition');
167
+ $pageside = get_option('pageside');
168
+ $permalink = get_option('permalink');
169
+ $jquery = get_option('jquery');
170
+
171
+ $padtop = $bwidth*2;
172
+
173
+ if ($activation == 'enable') {
174
+
175
+ $padding = '';
176
+
177
+ if ($shadow == '') {
178
+ $padding = $padbottom;
179
+ $imgpadding = '0'; }
180
+ else {
181
+ $imgpadding = $padbottom; } ?>
182
+ <!-- Easing Slider -->
183
+ <div class="lof-container" style="height:<?php echo $height; ?>px;padding-right:<?php echo $padright; ?>px;padding-top:<?php echo $paddingtop; ?>px;padding-left:<?php echo $padleft;?>px;padding-bottom:<?php echo $imgpadding;?>px;">
184
+ <div class="lof-slidecontent" id="lofslidecontent45" style="border:<?php echo $bwidth;?>px solid #<?php echo $bcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
185
+ <div class="preload" style="<?php if($transition=='fade') echo 'padding-top:1px\9;'; ?>background:url(<?php echo WP_PLUGIN_URL; ?>/easing-slider/images/<?php if($preload=='indicator') echo 'indicator'; if($preload=='none') echo ''; if($preload=='arrows') echo 'arrows'; if($preload=='bar') echo 'bar'; if($preload=='bigflower') echo 'bigflower'; if($preload=='bounceball') echo 'bounceball'; if($preload=='indicatorlight') echo 'indicatorlight'; if($preload=='pik') echo 'pik'; if($preload=='snake') echo 'snake'; ?>.gif) no-repeat center center #<?php if($bgcolour=='') echo 'fff'; else echo $bgcolour; ?>;">
186
+
187
+ </div>
188
+ <div class="lof-main-outer" style="background: #<?php echo $bgcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
189
+ <ul class="lof-main-wapper">
190
+ <?php
191
+
192
+ if(get_option('source') == 'featured') { ?>
193
+ <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
194
+ while($recent->have_posts()) : $recent->the_post(); global $post;
195
+ $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
196
+ <li><?php if($permalink == '') { ?><a href="<?php the_permalink(); ?>"><?php } ?><img src="<?php echo $image; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($permalink == '') { ?></a><?php } ?></li>
197
+
198
+ <?php }endwhile; ?>
199
+
200
+ <?php } else if(get_option('source') == 'all') { ?>
201
+ <?php $recent = new WP_Query('showposts='.$featpost.'');
202
+ while($recent->have_posts()) : $recent->the_post(); global $post;
203
+ $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
204
+ <li><?php if($permalink == '') { ?><a href="<?php the_permalink(); ?>"><?php } ?><img src="<?php echo $image; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>"/><?php if ($permalink == '') { ?></a><?php } ?></li>
205
+
206
+ <?php }endwhile; ?>
207
+
208
+ <?php } else if(get_option('source') == 'custom') {
209
+
210
+ if ($sImg1) { ?>
211
+ <li><?php if($sImglink1!='') echo '<a href="'. $sImglink1 .'">'; ?><img src="<?php echo $sImg1; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink1!='') echo '</a>'; ?></li><?php }
212
+
213
+ if ($sImg2) { ?>
214
+ <li><?php if($sImglink2!='') echo '<a href="'. $sImglink2 .'">'; ?><img src="<?php echo $sImg2; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink2!='') echo '</a>'; ?></li><?php }
215
+
216
+ if ($sImg3) { ?>
217
+ <li><?php if($sImglink3!='') echo '<a href="'. $sImglink3 .'">'; ?><img src="<?php echo $sImg3; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink3!='') echo '</a>'; ?></li><?php }
218
+
219
+ if ($sImg4) { ?>
220
+ <li><?php if($sImglink4!='') echo '<a href="'. $sImglink4 .'">'; ?><img src="<?php echo $sImg4; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink4!='') echo '</a>'; ?></li><?php }
221
+
222
+ if ($sImg5) { ?>
223
+ <li><?php if($sImglink5!='') echo '<a href="'. $sImglink5 .'">'; ?><img src="<?php echo $sImg5; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink5!='') echo '</a>'; ?></li><?php }
224
+
225
+ if ($sImg6) { ?>
226
+ <li><?php if($sImglink6!='') echo '<a href="'. $sImglink6 .'">'; ?><img src="<?php echo $sImg6; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink6!='') echo '</a>'; ?></li><?php }
227
+
228
+ if ($sImg7) { ?>
229
+ <li><?php if($sImglink7!='') echo '<a href="'. $sImglink7 .'">'; ?><img src="<?php echo $sImg7; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink7!='') echo '</a>'; ?></li><?php }
230
+
231
+ if ($sImg8) { ?>
232
+ <li><?php if($sImglink8!='') echo '<a href="'. $sImglink8 .'">'; ?><img src="<?php echo $sImg8; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink8!='') echo '</a>'; ?></li><?php }
233
+
234
+ if ($sImg9) { ?>
235
+ <li><?php if($sImglink9!='') echo '<a href="'. $sImglink9 .'">'; ?><img src="<?php echo $sImg9; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink9!='') echo '</a>'; ?></li><?php }
236
+
237
+ if ($sImg10) { ?>
238
+ <li><?php if($sImglink10!='') echo '<a href="'. $sImglink10 .'">'; ?><img src="<?php echo $sImg10; ?>" style="width:<?php echo $width; ?>px;" alt="<?php echo $images; ?>" /><?php if($sImglink10!='') echo '</a>'; ?></li><?php }
239
+
240
+ }
241
+
242
+ ?></ul><?php
243
+
244
+
245
+ if ($buttons=='');
246
+ else { ?>
247
+ <div onclick="return false" class="lof-previous" style="
248
+ background:url(<?php if($prev=='') echo WP_PLUGIN_URL.'/easing-slider/images/b_prev.png'; if($prev!='') echo $prev; ?>) no-repeat left center;"></div>
249
+ <div onclick="return false" class="lof-next" style="
250
+ background:url(<?php if($next=='') echo WP_PLUGIN_URL.'/easing-slider/images/b_next.png'; if($next!='') echo $next; ?>) no-repeat right center;"></div> <?php }
251
+
252
+ ?></div><?php
253
+
254
+
255
+ $sPagination = get_option('sPagination');
256
+
257
+ if ($sPagination=='yes') { ?>
258
+ <div class="lof-navigator-wapper" style="bottom:<?php if($pageposition=='outside') echo '-35'; if($pageposition=='inside') echo '5'; ?>px;<?php if($pageside=='left') echo 'left: 0'; if($pageside=='right') echo 'right:-10px'; ?>;padding:5px <?php if($pageposition=='outside') echo '5'; if($pageposition=='inside') echo '15'; ?>px;">
259
+ <div class="lof-navigator-outer">
260
+ <ul class="lof-navigator">
261
+ <?php
262
+
263
+ if(get_option('source') == 'featured') { ?>
264
+ <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
265
+ while($recent->have_posts()) : $recent->the_post(); global $post;
266
+ $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
267
+ <li><span>.</span></li>
268
+ <?php }endwhile; ?>
269
+
270
+ <?php } else if(get_option('source') == 'all') { ?>
271
+ <?php $recent = new WP_Query('showposts='.$featpost.'');
272
+ while($recent->have_posts()) : $recent->the_post(); global $post;
273
+ $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
274
+ <li><span>.</span></li>
275
+ <?php }endwhile; ?>
276
+
277
+ <?php } else if(get_option('source') == 'custom') {
278
+
279
+ if ($sImg1) {
280
+ echo '<li><span>.</span></li>'; }
281
+ if ($sImg2) {
282
+ echo '<li><span>.</span></li>'; }
283
+ if ($sImg3) {
284
+ echo '<li><span>.</span></li>'; }
285
+ if ($sImg4) {
286
+ echo '<li><span>.</span></li>'; }
287
+ if ($sImg5) {
288
+ echo '<li><span>.</span></li>'; }
289
+ if ($sImg6) {
290
+ echo '<li><span>.</span></li>'; }
291
+ if ($sImg7) {
292
+ echo '<li><span>.</span></li>'; }
293
+ if ($sImg8) {
294
+ echo '<li><span>.</span></li>'; }
295
+ if ($sImg9) {
296
+ echo '<li><span>.</span></li>'; }
297
+ if ($sImg10) {
298
+ echo '<li><span>.</span></li>'; }
299
+ }
300
+
301
+ ?> </ul>
302
+ </div>
303
+ </div>
304
+
305
+ <?php }
306
+
307
+ elseif ($sPagination=='no') {
308
+ echo ''; } ?>
309
+ </div>
310
+ </div><?php
311
+
312
+ if ($shadow=='')
313
+ echo '<img src="'.WP_PLUGIN_URL.'/easing-slider/images/shadow_'.$shadowstyle.'.png" style="width:'.$width.'px; padding-left:'.$padleft.'px;padding-bottom:'.$padding.'px;padding-top:'.$padtop.'px;margin-left:'.$bwidth.'px;" alt="" />'; ?><!-- End of Easing Slider --><?php
314
+
315
+ }
316
+ }
317
+
318
+
319
+ function easing_slider_short() {
320
+ ob_start();
321
+ easing_slider();
322
+ $output_string=ob_get_contents();;
323
+ ob_end_clean();
324
+
325
+ return $output_string;
326
+ }
327
+
328
+
329
+ add_shortcode('easingslider', 'easing_slider_short');
330
+
331
+ function set_easing_options() {
332
+ add_option('sImg1','','');
333
+ add_option('sImg2','','');
334
+ add_option('sImg3','','');
335
+ add_option('sImg4','','');
336
+ add_option('sImg5','','');
337
+ add_option('sImg6','','');
338
+ add_option('sImg7','','');
339
+ add_option('sImg8','','');
340
+ add_option('sImg9','','');
341
+ add_option('sImg10','','');
342
+ add_option('sImglink1','','');
343
+ add_option('sImglink2','','');
344
+ add_option('sImglink3','','');
345
+ add_option('sImglink4','','');
346
+ add_option('sImglink5','','');
347
+ add_option('sImglink6','','');
348
+ add_option('sImglink7','','');
349
+ add_option('sImglink8','','');
350
+ add_option('sImglink9','','');
351
+ add_option('sImglink10','','');
352
+ add_option('sPagination','yes','');
353
+ add_option('activation','enable','');
354
+ add_option('width','480','');
355
+ add_option('height','185','');
356
+ add_option('shadow','','');
357
+ add_option('interval','4000','');
358
+ add_option('transition','slide','');
359
+ add_option('bgcolour','fff','');
360
+ add_option('transpeed','1200','');
361
+ add_option('bwidth','3','');
362
+ add_option('bcolour','ccc','');
363
+ add_option('preload','indicator','');
364
+ add_option('start','1','');
365
+ add_option('buttons','','');
366
+ add_option('source','featured','');
367
+ add_option('featcat','','');
368
+ add_option('featpost','5','');
369
+ add_option('padbottom','0','');
370
+ add_option('padleft','0','');
371
+ add_option('padright','0','');
372
+ add_option('paddingtop','0','');
373
+ add_option('shadowstyle','arc','');
374
+ add_option('paginationon','','');
375
+ add_option('paginationoff','','');
376
+ add_option('next','','');
377
+ add_option('prev','','');
378
+ add_option('pageposition','outside','');
379
+ add_option('pageside','left','');
380
+ add_option('permalink','','');
381
+ add_option('jquery','true','');
382
+ }
383
+
384
+ function unset_easing_options() {
385
+ delete_option('sImg1');
386
+ delete_option('sImg2');
387
+ delete_option('sImg3');
388
+ delete_option('sImg4');
389
+ delete_option('sImg5');
390
+ delete_option('sImg6');
391
+ delete_option('sImg7');
392
+ delete_option('sImg8');
393
+ delete_option('sImg9');
394
+ delete_option('sImg10');
395
+ delete_option('sImglink1');
396
+ delete_option('sImglink2');
397
+ delete_option('sImglink3');
398
+ delete_option('sImglink4');
399
+ delete_option('sImglink5');
400
+ delete_option('sImglink6');
401
+ delete_option('sImglink7');
402
+ delete_option('sImglink8');
403
+ delete_option('sImglink9');
404
+ delete_option('sImglink10');
405
+ delete_option('sPagination');
406
+ delete_option('activation');
407
+ delete_option('width');
408
+ delete_option('height');
409
+ delete_option('shadow');
410
+ delete_option('interval');
411
+ delete_option('transition');
412
+ delete_option('bgcolour');
413
+ delete_option('transpeed');
414
+ delete_option('bwidth');
415
+ delete_option('bcolour');
416
+ delete_option('preload');
417
+ delete_option('start');
418
+ delete_option('buttons');
419
+ delete_option('source');
420
+ delete_option('featcat');
421
+ delete_option('featpost');
422
+ delete_option('padbottom');
423
+ delete_option('padleft');
424
+ delete_option('padright');
425
+ delete_option('paddingtop');
426
+ delete_option('shadowstyle');
427
+ delete_option('paginationon');
428
+ delete_option('paginationoff');
429
+ delete_option('next');
430
+ delete_option('prev');
431
+ delete_option('pageposition');
432
+ delete_option('pageside');
433
+ delete_option('permalink');
434
+ delete_option('jquery');
435
+ }
436
+
437
+ register_activation_hook(__FILE__,'set_easing_options');
438
+ register_uninstall_hook(__FILE__,'unset_easing_options');
439
+
440
+ function admin_easing() {
441
+
442
+ $sImg1 = get_option('sImg1');
443
+ $sImg2 = get_option('sImg2');
444
+ $sImg3 = get_option('sImg3');
445
+ $sImg4 = get_option('sImg4');
446
+ $sImg5 = get_option('sImg5');
447
+ $sImg6 = get_option('sImg6');
448
+ $sImg7 = get_option('sImg7');
449
+ $sImg8 = get_option('sImg8');
450
+ $sImg9 = get_option('sImg9');
451
+ $sImg10 = get_option('sImg10');
452
+ $sImglink1 = get_option('sImglink1');
453
+ $sImglink2 = get_option('sImglink2');
454
+ $sImglink3 = get_option('sImglink3');
455
+ $sImglink4 = get_option('sImglink4');
456
+ $sImglink5 = get_option('sImglink5');
457
+ $sImglink6 = get_option('sImglink6');
458
+ $sImglink7 = get_option('sImglink7');
459
+ $sImglink8 = get_option('sImglink8');
460
+ $sImglink9 = get_option('sImglink9');
461
+ $sImglink10 = get_option('sImglink10');
462
+ $sPagination = get_option('sPagination');
463
+ $activation = get_option('activation');
464
+ $width = get_option('width');
465
+ $height = get_option('height');
466
+ $shadow = get_option('shadow');
467
+ $interval = get_option('interval');
468
+ $transition = get_option('transition');
469
+ $bgcolour = get_option('bgcolour');
470
+ $transpeed = get_option('transpeed');
471
+ $bwidth = get_option('bwidth');
472
+ $bcolour = get_option('bcolour');
473
+ $preload = get_option('preload');
474
+ $start = get_option('start');
475
+ $buttons = get_option('buttons');
476
+ $source = get_option('source');
477
+ $featcat = get_option('featcat');
478
+ $featpost = get_option('featpost');
479
+ $padbottom = get_option('padbottom');
480
+ $padleft = get_option('padleft');
481
+ $padright = get_option('padright');
482
+ $paddingtop = get_option('paddingtop');
483
+ $shadowstyle = get_option('shadowstyle');
484
+ $paginationon = get_option('paginationon');
485
+ $paginationoff = get_option('paginationoff');
486
+ $next = get_option('next');
487
+ $prev = get_option('prev');
488
+ $pageposition = get_option('pageposition');
489
+ $pageside = get_option('pageside');
490
+ $permalink = get_option('permalink');
491
+ $jquery = get_option('jquery');
492
+
493
+ if ('process' == $_POST['options']) {
494
+ update_option('sImg1',$_REQUEST['sImg1']);
495
+ update_option('sImg2',$_REQUEST['sImg2']);
496
+ update_option('sImg3',$_REQUEST['sImg3']);
497
+ update_option('sImg4',$_REQUEST['sImg4']);
498
+ update_option('sImg5',$_REQUEST['sImg5']);
499
+ update_option('sImg6',$_REQUEST['sImg6']);
500
+ update_option('sImg7',$_REQUEST['sImg7']);
501
+ update_option('sImg8',$_REQUEST['sImg8']);
502
+ update_option('sImg9',$_REQUEST['sImg9']);
503
+ update_option('sImg10',$_REQUEST['sImg10']);
504
+ update_option('sImglink1',$_REQUEST['sImglink1']);
505
+ update_option('sImglink2',$_REQUEST['sImglink2']);
506
+ update_option('sImglink3',$_REQUEST['sImglink3']);
507
+ update_option('sImglink4',$_REQUEST['sImglink4']);
508
+ update_option('sImglink5',$_REQUEST['sImglink5']);
509
+ update_option('sImglink6',$_REQUEST['sImglink6']);
510
+ update_option('sImglink7',$_REQUEST['sImglink7']);
511
+ update_option('sImglink8',$_REQUEST['sImglink8']);
512
+ update_option('sImglink9',$_REQUEST['sImglink9']);
513
+ update_option('sImglink10',$_REQUEST['sImglink10']);
514
+ update_option('sPagination',$_REQUEST['sPagination']);
515
+ update_option('activation',$_REQUEST['activation']);
516
+ update_option('width',$_REQUEST['width']);
517
+ update_option('height',$_REQUEST['height']);
518
+ update_option('shadow',$_REQUEST['shadow']);
519
+ update_option('interval',$_REQUEST['interval']);
520
+ update_option('transition',$_REQUEST['transition']);
521
+ update_option('bgcolour',$_REQUEST['bgcolour']);
522
+ update_option('transpeed',$_REQUEST['transpeed']);
523
+ update_option('bwidth',$_REQUEST['bwidth']);
524
+ update_option('bcolour',$_REQUEST['bcolour']);
525
+ update_option('preload',$_REQUEST['preload']);
526
+ update_option('start',$_REQUEST['start']);
527
+ update_option('buttons',$_REQUEST['buttons']);
528
+ update_option('source',$_REQUEST['source']);
529
+ update_option('featcat',$_REQUEST['featcat']);
530
+ update_option('featpost',$_REQUEST['featpost']);
531
+ update_option('padbottom',$_REQUEST['padbottom']);
532
+ update_option('padleft',$_REQUEST['padleft']);
533
+ update_option('padright',$_REQUEST['padright']);
534
+ update_option('paddingtop',$_REQUEST['paddingtop']);
535
+ update_option('shadowstyle',$_REQUEST['shadowstyle']);
536
+ update_option('paginationon',$_REQUEST['paginationon']);
537
+ update_option('paginationoff',$_REQUEST['paginationoff']);
538
+ update_option('next',$_REQUEST['next']);
539
+ update_option('prev',$_REQUEST['prev']);
540
+ update_option('pageposition',$_REQUEST['pageposition']);
541
+ update_option('pageside',$_REQUEST['pageside']);
542
+ update_option('permalink',$_REQUEST['permalink']);
543
+ update_option('jquery',$_REQUEST['jquery']);
544
+ $sImg1 = get_option('sImg1');
545
+ $sImg2 = get_option('sImg2');
546
+ $sImg3 = get_option('sImg3');
547
+ $sImg4 = get_option('sImg4');
548
+ $sImg5 = get_option('sImg5');
549
+ $sImg6 = get_option('sImg6');
550
+ $sImg7 = get_option('sImg7');
551
+ $sImg8 = get_option('sImg8');
552
+ $sImg9 = get_option('sImg9');
553
+ $sImg10 = get_option('sImg10');
554
+ $sImglink1 = get_option('sImglink1');
555
+ $sImglink2 = get_option('sImglink2');
556
+ $sImglink3 = get_option('sImglink3');
557
+ $sImglink4 = get_option('sImglink4');
558
+ $sImglink5 = get_option('sImglink5');
559
+ $sImglink6 = get_option('sImglink6');
560
+ $sImglink7 = get_option('sImglink7');
561
+ $sImglink8 = get_option('sImglink8');
562
+ $sImglink9 = get_option('sImglink9');
563
+ $sImglink10 = get_option('sImglink10');
564
+ $sPagination = get_option('sPagination');
565
+ $activation = get_option('activation');
566
+ $width = get_option('width');
567
+ $height = get_option('height');
568
+ $shadow = get_option('shadow');
569
+ $interval = get_option('interval');
570
+ $transition = get_option('transition');
571
+ $bgcolour = get_option('bgcolour');
572
+ $transpeed = get_option('transpeed');
573
+ $bwidth = get_option('bwidth');
574
+ $bcolour = get_option('bcolour');
575
+ $preload = get_option('preload');
576
+ $start = get_option('start');
577
+ $buttons = get_option('buttons');
578
+ $source = get_option('source');
579
+ $featcat = get_option('featcat');
580
+ $featpost = get_option('featpost');
581
+ $padbottom = get_option('padbottom');
582
+ $padleft = get_option('padleft');
583
+ $padright = get_option('padright');
584
+ $paddingtop = get_option('paddingtop');
585
+ $shadowstyle = get_option('shadowstyle');
586
+ $paginationon = get_option('paginationon');
587
+ $paginationoff = get_option('paginationoff');
588
+ $next = get_option('next');
589
+ $prev = get_option('prev');
590
+ $pageposition = get_option('pageposition');
591
+ $pageside = get_option('pageside');
592
+ $permalink = get_option('permalink');
593
+ $jquery = get_option('jquery');
594
+ }
595
+
596
+
597
+ ?><div class="wrap"><div id="icon-plugins" class="icon32"></div><h2>Easing Slider</h2>
598
+
599
+ <a href="http://premiumslider.matthewruddy.com"><img src="<?php echo WP_PLUGIN_URL.'/easing-slider/images/advert.jpg'; ?>" style="margin-top: 15px;"/></a>
600
+
601
+ <?php if ( $_REQUEST['submit'] ) echo '<div id="message" class="updated" style="width:750px;"><p><strong>Slider Options Updated.</strong></p></div>'; ?>
602
+
603
+
604
+ <form method="post" action="<?php echo str_replace( '%7E', '~', $_SERVER['REQUEST_URI']); ?>&updated=true">
605
+ <input type="hidden" name="options" value="process" />
606
+
607
+ <?php
608
+
609
+ print_easing_form();
610
+
611
+ ?></div><?php
612
+ }
613
+
614
+
615
+ function modify_menu() {
616
+ add_menu_page(
617
+ 'Easing Slider',
618
+ 'Easing Slider',
619
+ 'administrator',
620
+ 'easing-slider/easingslider.php',
621
+ 'admin_easing'
622
+ );
623
+
624
+ }
625
+
626
+ add_action('admin_menu','modify_menu');
627
+
628
+ function print_easing_form() {
629
+ $sImg1 = get_option('sImg1');
630
+ $sImg2 = get_option('sImg2');
631
+ $sImg3 = get_option('sImg3');
632
+ $sImg4 = get_option('sImg4');
633
+ $sImg5 = get_option('sImg5');
634
+ $sImg6 = get_option('sImg6');
635
+ $sImg7 = get_option('sImg7');
636
+ $sImg8 = get_option('sImg8');
637
+ $sImg9 = get_option('sImg9');
638
+ $sImg10 = get_option('sImg10');
639
+ $sImglink1 = get_option('sImglink1');
640
+ $sImglink2 = get_option('sImglink2');
641
+ $sImglink3 = get_option('sImglink3');
642
+ $sImglink4 = get_option('sImglink4');
643
+ $sImglink5 = get_option('sImglink5');
644
+ $sImglink6 = get_option('sImglink6');
645
+ $sImglink7 = get_option('sImglink7');
646
+ $sImglink8 = get_option('sImglink8');
647
+ $sImglink9 = get_option('sImglink9');
648
+ $sImglink10 = get_option('sImglink10');
649
+ $sPagination = get_option('sPagination');
650
+ $activation = get_option('activation');
651
+ $width = get_option('width');
652
+ $height = get_option('height');
653
+ $shadow = get_option('shadow');
654
+ $interval = get_option('interval');
655
+ $transition = get_option('transition');
656
+ $bgcolour = get_option('bgcolour');
657
+ $transpeed = get_option('transpeed');
658
+ $bwidth = get_option('bwidth');
659
+ $bcolour = get_option('bcolour');
660
+ $preload = get_option('preload');
661
+ $start = get_option('start');
662
+ $buttons = get_option('buttons');
663
+ $source = get_option('source');
664
+ $featcat = get_option('featcat');
665
+ $featpost = get_option('featpost');
666
+ $padbottom = get_option('padbottom');
667
+ $padleft = get_option('padleft');
668
+ $padright = get_option('padright');
669
+ $paddingtop = get_option('paddingtop');
670
+ $shadowstyle = get_option('shadowstyle');
671
+ $paginationon = get_option('paginationon');
672
+ $paginationoff = get_option('paginationoff');
673
+ $next = get_option('next');
674
+ $prev = get_option('prev');
675
+ $pageposition = get_option('pageposition');
676
+ $pageside = get_option('pageside');
677
+ $permalink = get_option('permalink');
678
+ $jquery = get_option('jquery');
679
+
680
+
681
+ ?>
682
+ <div id="content-explorer">
683
+ <ul class="yui-nav">
684
+ <li class="selected"><a href="#">Custom Images</a></li>
685
+ <li><a href="#">Slider Settings</a></li>
686
+ <li><a href="#">Usage Settings</a></li>
687
+ </ul>
688
+
689
+ <div class="metabox-holder" style="width:810px;">
690
+ <input class="button-secondary" id="upload_image_button" type="button" value="Upload Image" />
691
+ <input type="submit" class="button-primary" name="submit" value="Save Changes" style="" />
692
+ <div style="display:inline;font-style:italic;font-size:11px;padding-left:10px;"><b>Important:</b> Click 'save changes' after every image you 'insert into post'. </div>
693
+ </div>
694
+
695
+ <div class="yui-content">
696
+
697
+ <div style="overflow: auto;"><!-- first div for content tabs -->
698
+ <?php if($source!='custom') echo '<div id="message" style="padding:10px;margin:10px 0;border:1px solid #e6db55;background:#ffffe0;width:790px;"><strong>Custom Images are currently not enabled. To use them, change "Get Images From?" to "Custom Images" under the "Usage Settings" tab.</strong></div>'; ?>
699
+ <div class="metabox-holder" style="width:402px;float:left;"><div class="postbox"><h3><span>Image #1 link:</span></h3>
700
+ <?php if($sImg1) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg1.'" style="margin:0 10px;width:380px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(empty($sImg1)) echo 'id="upload_image"'; ?> name="sImg1" value="<?php echo stripslashes($sImg1); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
701
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink1" value="<?php echo stripslashes($sImglink1); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
702
+ </div>
703
+
704
+ <div class="postbox"><h3><span>Image #2 link:</span></h3>
705
+ <?php if($sImg2) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg2.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&empty($sImg2)) echo 'id="upload_image"'; ?> name="sImg2" value="<?php echo stripslashes($sImg2); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
706
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink2" value="<?php echo stripslashes($sImglink2); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
707
+ </div>
708
+
709
+ <div class="postbox"><h3><span>Image #3 link:</span></h3>
710
+ <?php if($sImg3) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg3.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&empty($sImg3)) echo 'id="upload_image"'; ?> id="sImg3" name="sImg3" value="<?php echo stripslashes($sImg3); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
711
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink3" value="<?php echo stripslashes($sImglink3); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
712
+ </div>
713
+
714
+ <div class="postbox"><h3><span>Image #4 link:</span></h3>
715
+ <?php if($sImg4) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg4.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&empty($sImg4)) echo 'id="upload_image"'; ?> name="sImg4" value="<?php echo stripslashes($sImg4); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
716
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink4" value="<?php echo stripslashes($sImglink4); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
717
+ </div>
718
+
719
+ <div class="postbox"><h3><span>Image #5 link:</span></h3>
720
+ <?php if($sImg5) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg5.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&empty($sImg5)) echo 'id="upload_image"'; ?> name="sImg5" value="<?php echo stripslashes($sImg5); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
721
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink5" value="<?php echo stripslashes($sImglink5); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
722
+ </div></div>
723
+
724
+ <div class="metabox-holder" style="width:402px;float:left;margin-left:10px;"><div class="postbox"><h3><span>Image #6 link:</span></h3>
725
+ <?php if($sImg6) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg6.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&empty($sImg6)) echo 'id="upload_image"'; ?> name="sImg6" value="<?php echo stripslashes($sImg6); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
726
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink6" value="<?php echo stripslashes($sImglink6); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
727
+ </div>
728
+
729
+ <div class="postbox"><h3><span>Image #7 link:</span></h3>
730
+ <?php if($sImg7) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg7.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&empty($sImg7)) echo 'id="upload_image"'; ?> name="sImg7" value="<?php echo stripslashes($sImg7); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
731
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink7" value="<?php echo stripslashes($sImglink7); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
732
+ </div>
733
+
734
+ <div class="postbox"><h3><span>Image #8 link:</span></h3>
735
+ <?php if($sImg8) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg8.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&empty($sImg8)) echo 'id="upload_image"'; ?> name="sImg8" value="<?php echo stripslashes($sImg8); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
736
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink8" value="<?php echo stripslashes($sImglink8); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
737
+ </div>
738
+
739
+ <div class="postbox"><h3><span>Image #9 link:</span></h3>
740
+ <?php if($sImg9) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg9.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&isset($sImg8)&empty($sImg9)) echo 'id="upload_image"'; ?> name="sImg9" value="<?php echo stripslashes($sImg9); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
741
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink9" value="<?php echo stripslashes($sImglink9); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
742
+ </div>
743
+
744
+ <div class="postbox"><h3><span>Image #10 link:</span></h3>
745
+ <?php if($sImg10) echo '<h4 style="margin:10px;">Preview:</h4><img src="'.$sImg10.'" style="width:380px;margin:0 10px;" />'; ?><h4 style="margin:10px;">Image Path:</h4><input type="text" <?php if(isset($sImg1)&isset($sImg2)&isset($sImg3)&isset($sImg4)&isset($sImg5)&isset($sImg6)&isset($sImg7)&isset($sImg8)&isset($sImg9)&empty($sImg10)) echo 'id="upload_image"'; ?> name="sImg10" value="<?php echo stripslashes($sImg10); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?>style="width: 380px;margin:10px;margin-top:0px;" />
746
+ <h4 style="margin:10px;">Image Link:</h4><input type="text" name="sImglink10" value="<?php echo stripslashes($sImglink10); ?>" <?php if($source!='custom') echo 'readonly="readonly"';?> style="width: 380px;margin:10px;margin-top:0px;"/>
747
+ </div></div>
748
+
749
+ </div>
750
+ <div><!-- second div for content tabs -->
751
+
752
+ <div class="metabox-holder" style="width: 815px;">
753
+ <div class="postbox">
754
+
755
+ <table class="form-table" style="margin:0;">
756
+ <tr valign="top"><td style="padding:0;width:180px;"><h3>Name</h3></td><td style="padding:0;width:130px;"><h3>Value</h3></td><td style="padding:0;"><h3>Description</h3></td></tr>
757
+
758
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="shadow" style="padding:10px;font-weight:bold;">disableShadow</label></td>
759
+ <td style="padding:5px 0;margin-left:5px;"><input type="checkbox" name="shadow" <?php if (get_option('shadow')) echo "checked='checked'"; ?>/>Disable</td>
760
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Disable the shadow beneath the slider.</p></td></tr>
761
+
762
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="shadowtype" style="padding:10px;font-weight:bold;">shadowStyle:
763
+ <td style="padding:5px 0;margin-left:5px;"><select name="shadowstyle" style="width:110px;">
764
+ <option style="padding-right:10px;" value="arc" <?php selected('arc', get_option('shadowstyle')); ?>>Arc</option>
765
+ <option style="padding-right:10px;" value="large" <?php selected('large', get_option('shadowstyle')); ?>>Large</option>
766
+ <option style="padding-right:10px;" value="small" <?php selected('small', get_option('shadowstyle')); ?>>Small</option>
767
+ </select></td>
768
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Choose between three different types of shadow beneath the slider.</p></td></tr>
769
+
770
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="buttons" style="padding:10px;font-weight:bold;">next/prevButtons</td></label>
771
+ <td style="padding:5px 0;margin-left:5px;"><input type="checkbox" name="buttons" <?php if (get_option('buttons')) echo "checked='checked'"; ?>/>Enable</td>
772
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Enable the "next" and "previous" buttons. By default these are disabled.</p></td></tr>
773
+
774
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="next" style="padding:10px;font-weight:bold;">nextbuttonIcon</label></td>
775
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="next" <?php if(empty($_REQUEST['buttons'])) {echo 'readonly="readonly"';}?> value="<?php echo ($next); ?>" style="width: 100px;" /><?php if($next!='') echo '<img src="'.$next.'" width="20px" style="position:relative;top:5px;padding-left:5px;" />';?></td>
776
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">change the icon used for the 'next' button. If left blank, it will use the default image.</p></td></tr>
777
+
778
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="prev" style="padding:10px;font-weight:bold;">prevbuttonIcon</label></td>
779
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="prev" <?php if(empty($_REQUEST['buttons'])) {echo 'readonly="readonly"';}?> value="<?php echo ($prev); ?>" style="width: 100px;" /><?php if($prev!='') echo '<img src="'.$prev.'" width="20px" style="position:relative;top:5px;padding-left:5px;" />';?></td>
780
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Change the icon used for the 'prev' button. If left blank, it will use the default image.</p></td></tr>
781
+
782
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="width" style="padding:10px;font-weight:bold;">Slider "width"</label></td>
783
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="width" value="<?php echo ($width); ?>" style="width: 50px;" />px</td>
784
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Set the sliders width.</p></td></tr>
785
+
786
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="height" style="padding:10px;font-weight:bold;">Slider "height"</label></td>
787
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="height" value="<?php echo ($height); ?>" style="width: 50px;" />px</td>
788
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Set the sliders height.</p></td></tr>
789
+
790
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padbottom" style="padding:10px;font-weight:bold;">paddingBottom</label></td>
791
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padbottom" value="<?php echo ($padbottom); ?>" style="width: 50px;" />px</td>
792
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the bottom of the slider.</p></td></tr>
793
+
794
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paddingtop" style="padding:10px;font-weight:bold;">paddingTop</label></td>
795
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paddingtop" value="<?php echo ($paddingtop); ?>" style="width: 50px;" />px</td>
796
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the top of the slider.</p></td></tr>
797
+
798
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padright" style="padding:10px;font-weight:bold;">paddingRight</label></td>
799
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padright" value="<?php echo ($padright); ?>" style="width: 50px;" />px</td>
800
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the right of the slider.</p></td></tr>
801
+
802
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="padleft" style="padding:10px;font-weight:bold;">paddingLeft</label></td>
803
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padleft" value="<?php echo ($padleft); ?>" style="width: 50px;" />px</td>
804
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of padding to add to the left of the slider.</p></td></tr>
805
+
806
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bgcolour" style="padding:10px;font-weight:bold;">backgroundColour:</label></td>
807
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bgcolour" value="<?php echo $bgcolour; ?>" style="width: 50px;" /></td>
808
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Change the sliders background colour. When left blank it is set to white in order for the preloader to function correctly.</p></td></tr>
809
+
810
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="start" style="padding:10px;font-weight:bold;">startPosition:</label></td>
811
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="start" value="<?php echo ($start); ?>" style="width: 50px;" /></td>
812
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Number of the image that the slider will start with. Choose a number between one and ten.</p></td></tr>
813
+
814
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="transpeed" style="padding:10px;font-weight:bold;">transitionSpeed:</label></td>
815
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="transpeed" value="<?php echo $transpeed; ?>" style="width: 50px;" /></td>
816
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Amount of time it takes to transition one image to another.</p></td></tr>
817
+
818
+
819
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="interval" style="padding:10px;font-weight:bold;">autoPlay:</label></td>
820
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="interval" value="<?php echo $interval; ?>" style="width: 50px;" /></td>
821
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">The amount of time in milliseconds each image is displayed for.</p></td></tr>
822
+
823
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="transition" style="padding:10px;font-weight:bold;">animationStyle:
824
+ <td style="padding:5px 0;margin-left:5px;"><select name="transition" style="width:110px;">
825
+ <option style="padding-right:10px;" value="slide" <?php selected('slide', get_option('transition')); ?>>slide</option>
826
+ <option style="padding-right:10px;" value="smooth" <?php selected('smooth', get_option('transition')); ?>>smooth</option>
827
+ <option style="padding-right:10px;" value="fade" <?php selected('fade', get_option('transition')); ?>>fade</option>
828
+ <option style="padding-right:10px;" value="swipe" <?php selected('swipe', get_option('transition')); ?>>swipe</option>
829
+ <option style="padding-right:10px;" value="bounce" <?php selected('bounce', get_option('transition')); ?>>bounce</option>
830
+ </select></td>
831
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Easing effect used to transition from each image. Choose from five different effect: slide, smooth, fade, swipe & bounce.</p></td></tr>
832
+
833
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bwidth" style="padding:10px;font-weight:bold;">borderWidth:</label></td>
834
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bwidth" value="<?php echo $bwidth; ?>" style="width: 50px;" />px</td>
835
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Width of the sliders surrounding border. Set to "0" for no border.</p></td></tr>
836
+
837
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="bcolour" style="padding:10px;font-weight:bold;">borderColour:</label></td>
838
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="bcolour" value="<?php echo $bcolour; ?>" style="width: 50px;" /></td>
839
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Colour of the surrounding border.</p></td></tr>
840
+
841
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="preload" style="padding:10px;font-weight:bold;">preloadIcon:</label></td>
842
+ <td style="padding:5px 0;margin-left:5px;"><select name="preload" style="width:110px;">
843
+ <option style="padding-right:10px;" value="none" <?php selected('none', get_option('preload')); ?>>none</option>
844
+ <option style="padding-right:10px;" value="indicator" <?php selected('indicator', get_option('preload')); ?>>indicator</option>
845
+ <option style="padding-right:10px;" value="arrows" <?php selected('arrows', get_option('preload')); ?>>arrows</option>
846
+ <option style="padding-right:10px;" value="bar" <?php selected('bar', get_option('preload')); ?>>bar</option>
847
+ <option style="padding-right:10px;" value="bigflower" <?php selected('bigflower', get_option('preload')); ?>>bigflower</option>
848
+ <option style="padding-right:10px;" value="bounceball" <?php selected('bounceball', get_option('preload')); ?>>bounceball</option>
849
+ <option style="padding-right:10px;" value="indicatorlight" <?php selected('indicatorlight', get_option('preload')); ?>>indicatorlight</option>
850
+ <option style="padding-right:10px;" value="pik" <?php selected('pik', get_option('preload')); ?>>pik</option>
851
+ <option style="padding-right:10px;" value="snake" <?php selected('snake', get_option('preload')); ?>>snake</option>
852
+ </select></td>
853
+
854
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Animation displayed while slider is loading. Choose between eight different options or set to "none" for no image.</p></td></tr>
855
+
856
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="sPagination" style="padding:10px;font-weight:bold;">pagination:</label></td>
857
+ <td style="padding:5px 0;margin-left:5px;"><select name="sPagination" style="width:110px;">
858
+ <option style="padding-right:10px;" value="yes" <?php selected('yes', get_option('sPagination')); ?>>Yes</option>
859
+ <option style="padding-right:10px;" value="no" <?php selected('no', get_option('sPagination')); ?>>No</option>
860
+ </select></td>
861
+
862
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Icons acting as links for each individual image.</p></td></tr>
863
+
864
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="pageposition" style="padding:10px;font-weight:bold;">paginationPosition:</label></td>
865
+ <td style="padding:5px 0;margin-left:5px;"><select name="pageposition" style="width:110px;">
866
+ <option style="padding-right:10px;" value="outside" <?php selected('outside', get_option('pageposition')); ?>>Outside</option>
867
+ <option style="padding-right:10px;" value="inside" <?php selected('inside', get_option('pageposition')); ?>>Inside</option>
868
+ </select><br /><select name="pageside" style="width:110px;">
869
+ <option style="padding-right:10px;" value="left" <?php selected('left', get_option('pageside')); ?>>Left</option>
870
+ <option style="padding-right:10px;" value="right" <?php selected('right', get_option('pageside')); ?>>Right</option>
871
+ </select></td>
872
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Choose whether the pagination will be displayed inside the slider or outside of it. Also select whether it will appear on the left or right.</p></td></tr>
873
+
874
+
875
+
876
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paginationon" style="padding:10px;font-weight:bold;">paginationIcon (on):</label></td>
877
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paginationon" <?php if($sPagination=='no') echo 'readonly="readonly"';?> value="<?php echo $paginationon; ?>" style="width: 100px;" /><?php if($paginationon!='') echo '<img src="'.$paginationon.'" style="position:relative;top:5px;padding-left:5px;" />';?></td>
878
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Insert the selected version here of your custom pagination icon here.</p></td></tr>
879
+
880
+ <tr valign="top" style="border-bottom:1px solid #ccc;"><td style="padding:5px 0;"><label for="paginationoff" style="padding:10px;font-weight:bold;">paginationIcon (off):</label></td>
881
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paginationoff" <?php if($sPagination=='no') echo 'readonly="readonly"';?> value="<?php echo $paginationoff; ?>" style="width: 100px;" /><?php if($paginationoff!='') echo '<img src="'.$paginationoff.'" style="position:relative;top:5px;padding-left:5px;" />';?></td>
882
+ <td style="margin:5px 0;"><p style="margin:0;margin-left:10px;font-style:italic;font-size:11px;">Use your own custom pagination icons. Insert the unselected version here.</p></td></tr>
883
+
884
+ </table></div></div>
885
+ </div>
886
+ <div><!--third div for content tabs -->
887
+ <div class="metabox-holder" style="width:815px;">
888
+ <div class="postbox">
889
+ <table class="form-table" style="margin:0;">
890
+ <tr valign="top"><td style="padding:0;width:180px;"><h3>Name</h3></td><td style="padding:0;width:235px;"><h3>Value</h3></td><td style="padding:0;"><h3>Description</td></h3></tr>
891
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
892
+ <td style="padding:5px 0;">
893
+ <label for="activation" style="padding:10px;font-weight:bold;">Activate Plugin</label>
894
+ </td>
895
+ <td style="padding:5px 0;">
896
+ <?php if($activation == 'enable') { ?>
897
+ <input type="radio" checked="checked" value="enable" name="activation">Enable
898
+ <br />
899
+ <input type="radio" value="disable" name="activation">Disable
900
+ <?php } else { ?>
901
+ <input type="radio" value="enable" name="activation">Enable
902
+ <br />
903
+ <input type="radio" checked="checked" value="disable" name="activation">Disable
904
+ <?php } ?>
905
+ </td>
906
+ <td style="margin:5px 0;">
907
+ <p style="margin:0;font-style:italic;font-size:11px;">
908
+ Enable or disable the slider.
909
+ </p>
910
+ </td>
911
+ </tr>
912
+
913
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
914
+ <td style="padding:5px 0;">
915
+ <label for="source" style="padding:10px;font-weight:bold;">Load jQuery?</label>
916
+ </td>
917
+ <td style="padding:5px 0;">
918
+ <select name="jquery" style="width:235px;">
919
+ <option value="true" <?php selected('true', get_option('jquery')); ?>>True</option>
920
+ <option value="false" <?php selected('false', get_option('jquery')); ?>>False</option>
921
+ </select>
922
+ </td>
923
+ <td style="padding:5px 0;">
924
+ <p style="margin:0 10px;font-style:italic;font-size:11px;">
925
+ Choose if the slider should load jQuery. Setting this to 'false' may fix jQuery conflict errors that are breaking the slider.
926
+ </p>
927
+ </td>
928
+ </tr>
929
+
930
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
931
+ <td style="padding:5px 0;">
932
+ <label for="permalink" style="padding:10px;font-weight:bold;">Permalinks</label>
933
+ </td>
934
+ <td style="padding:5px 0;">
935
+ <input type="checkbox" name="permalink" <?php if (get_option('permalink')) echo "checked='checked'"; ?>/>Disable
936
+ </td>
937
+ <td style="margin:5px 0;">
938
+ <p style="margin:0;font-style:italic;font-size:11px;">
939
+ Check this box to disable the permalinks on images sourced from posts (custom fields).
940
+ </p>
941
+ </td>
942
+ </tr>
943
+
944
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
945
+ <td style="padding:5px 0;">
946
+ <label for="source" style="padding:10px;font-weight:bold;">Get Images From?</label>
947
+ </td>
948
+ <td style="padding:5px 0;">
949
+ <select name="source" style="width:235px;">
950
+ <option value="featured" <?php selected('featured', get_option('source')); ?>>Custom Fields (Selected Category)</option>
951
+ <option value="all" <?php selected('all', get_option('source')); ?>>Custom Fields (All Categories)</option>
952
+ <option value="custom" <?php selected('custom', get_option('source')); ?>>Custom Images</option>
953
+ </select>
954
+ </td>
955
+ <td style="padding:5px 0;">
956
+ <p style="margin:0 10px;font-style:italic;font-size:11px;">
957
+ Here you can select the source from which the images are displayed. </p><p style="margin:10px;font-style:italic;font-size:11px;">Select 'Custom Fields' if you wish to get the images from custom fields. To do so, enter 'easing' under name field & and the URL of the chosen image under the value field. </p><p style="margin:10px;font-style:italic;font-size:11px;"> Otherwise, you can choose to display 'custom' images. These images can be uploaded in the 'Custom Images' section where you can specify links to images from the Media Library or elsewhere. </p><p style="margin:10px;font-style:italic;font-size:11px;">By default, this option is set to 'Custom Fields (Selected Category)'.
958
+ </p>
959
+ </td>
960
+ </tr>
961
+
962
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
963
+ <td style="padding:5px 0;">
964
+ <label for="featcat" style="padding:10px;font-weight:bold;">Selected Category:</label>
965
+ <td style="padding:5px 0;"><style type="text/css">.cat_select{width:235px;};</style>
966
+ <?php wp_dropdown_categories(array('hide_empty' => 0, 'class' => 'cat_select', 'name' => 'featcat', 'orderby' => 'name', 'selected' => get_option('featcat'), 'hierarchical' => true,));?>
967
+ </td>
968
+ <td style="padding:5px 0;">
969
+ <p style="margin:10px;margin-top:0;font-style:italic;font-size:11px;">
970
+ Here you can select which categorie's post thumbnails you wish to display if you have selected the 'Post thumbnails (Selected Category)' option above.
971
+ </p>
972
+ </tr>
973
+
974
+ <tr valign="top">
975
+ <td style="padding:5px 0;">
976
+ <label for="featpost" style="padding:10px;font-weight:bold;">Number of Posts:</label>
977
+ </td>
978
+ <td style="padding:5px 0;"">
979
+ <input type="text" id="test" style="width:50px;" name="featpost" value="<?php echo $featpost; ?>" <?php if($source=='custom') echo 'readonly="readonly"'; ?> />
980
+ </td>
981
+ <td style="padding:5px 0;">
982
+ <p style="margin:0 10px;font-style:italic;font-size:11px;">
983
+ Number of post thumbnails to be displayed in the slider. No matter how high you set it, the slider will display a maximum of 10 images. </p></tr>
984
+ </table>
985
+ </div></div></div>
986
+ </div><!-- #yui-content -->
987
+ </div><!-- #content-explorer -->
988
+
989
+ </form>
990
+
991
+ <script type="text/javascript">
992
+ var myTabs = new YAHOO.widget.TabView("content-explorer");
993
+ </script>
994
+ <?php }
js/script.js CHANGED
@@ -181,49 +181,17 @@ function handler(event) {
181
  },
182
  preLoadImage:function( callback ){
183
  var self = this;
184
- images = this.wrapper.find( 'img' );
185
- if( images.length <= 0 ){
186
- self.onComplete();
187
- return ;
188
- }
189
  var count = 0;
190
-
191
  images.one('load', function() {
192
- if( !images.complete ) {
193
- count++;
194
- if( count >= images.length ){
195
- self.onComplete();
196
- }
197
  }
198
  }).each(function(){
199
- if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6))
200
- $(this).trigger('load');
201
- });
202
-
203
- /*
204
- images.each( function(index,image){
205
- if( !image.complete ){
206
- image.one('load', function(){
207
- count++;
208
- if( count >= images.length ){
209
- self.onComplete();
210
- }
211
- });
212
- image.onerror =function(){
213
- count++;
214
- if( count >= images.length ){
215
- self.onComplete();
216
- }
217
- }
218
- }else {
219
- count++;
220
- if( count >= images.length ){
221
- self.onComplete();
222
- }
223
- }
224
- } );
225
- */
226
-
227
  },
228
  navivationAnimate:function( currentIndex ) {
229
  if (currentIndex <= this.settings.startItem
@@ -362,5 +330,4 @@ function handler(event) {
362
  this.isRun = null;
363
  }
364
  })
365
- })(jQuery)
366
-
181
  },
182
  preLoadImage:function( callback ){
183
  var self = this;
184
+ var images = this.wrapper.find('img');
 
 
 
 
185
  var count = 0;
 
186
  images.one('load', function() {
187
+ count++;
188
+ if(count == images.length) {
189
+ self.onComplete();
 
 
190
  }
191
  }).each(function(){
192
+ if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) >= 6))
193
+ $(this).trigger('load');
194
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
195
  },
196
  navivationAnimate:function( currentIndex ) {
197
  if (currentIndex <= this.settings.startItem
330
  this.isRun = null;
331
  }
332
  })
333
+ })(jQuery)
 
readme.txt CHANGED
@@ -1,150 +1,153 @@
1
- === Easing Slider ===
2
- Homepage: http://easingslider.matthewruddy.com
3
- Contributors: MatthewRuddy
4
- Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=matthew_ruddy%40hotmail%2ecom&lc=US&item_name=Easing%20Slider&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted
5
- Tags: slider, slideshows, easing, plugin, jquery, content, featured, images, wordpress
6
- Requires at least: 2.9.2
7
- Tested up to: 3.2.1
8
- Stable tag: 1.1.8
9
-
10
- The Easing Slider is an image slider plugin for WordPress which uses the jQuery Easing plugin.
11
-
12
- == Description ==
13
-
14
- <a href="http://premiumslider.matthewruddy.com">Need unlimited sliders? Want more options? Go Premium!</a>
15
-
16
- The Easing Slider comes with various options that allow you to choose different sources to get the images from and also multiple styling options so that you"ll never have to edit any files directly & with ease. Create your own unique elegant slider.
17
-
18
- <a href="http://easingslider.matthewruddy.com">Live Demo</a>
19
-
20
- <h4>Choose between images sourced from:</h4>
21
- - Custom fields from a particular category
22
- - Custom fields from all categories
23
- - Selected images from the plugins "Custom Images" section.
24
-
25
- <h4>The Easing Slider has the following optional features:</h4>
26
- - *New* Link images to URLs.
27
- - Pagination (with custom icons if you wish)
28
- - Next/previous buttons
29
- - Choose between three different shadow types
30
- - 7 different types of preloading icons (or use none)
31
- - Padding & border settings
32
- - And much more.
33
-
34
-
35
- == Installation ==
36
-
37
- <h4>Installation</h4>
38
- <b>Via FTP:</b>
39
- Once you download the plugin, extract the folder from the .rar file. Next, via FTP place the file in the "plugins" directory with all other plugins. This directory can be found in wp-content under the directory in which you store WordPress's files.
40
-
41
- <b>Via Admin panel:</b>
42
- Go to Add new under Plugins. Then search "easing slider" then click install.
43
-
44
-
45
- <h4>Usage</h4>
46
- To use the Easing Slider you can use the following methods:
47
-
48
- Shortcode in posts:
49
- `[easingslider]`
50
-
51
- Function in template files (via php):
52
- `<?php if (function_exists("easing_slider")){ easing_slider(); }; ?>`
53
-
54
-
55
- <h4>Image Source:</h4>
56
- You can change many of the sliders settings from the "Easing Slider" control panel in the WordPress administration panel.
57
- Once the plugin is activated a new tab called "Easing Slider" emerges in the WordPress admin control panel. Under the tab "Usage Settings" there is a section called "Get images from?". Here there is a dropdown menu with which you can select three different sources to get images from. These are:
58
-
59
- Custom Fields (Selected Category):
60
- Allows you to use custom fields to specify an image from each post to be displayed on the slider from a particular category only. To display an image use the custom field name "easing" followed by the URL of the image in the value field. You can only upload <i>ONE</i> custom field per post.
61
-
62
- Custom Fields (All Categories):
63
- This option displays images from custom fields with the name "easing" from all categories, then enter the URL of the image in the value field.
64
-
65
- Custom Images:
66
- This allows you to use a maximum of ten custom images specified in the "Custom Images" tab. Here you can enter your own URL to specific images of insert images from your media library. This panel also gives you a preview of all the custom images that will be displayed on the slider.
67
-
68
- <h4>Adding an image</h4>
69
-
70
- Note: You can only use one custom field per post.
71
-
72
- Custom Fields:
73
- If you are NOT using custom images you can insert images into the slider via Custom Fields. To do this, insert "easing" into the Custom field <i>name</i> field followed by the URL of the image in the <i>value</i> field. You can only insert one image per post.
74
-
75
- Custom Images tab:
76
- If you have selected "Custom Images" as your source you can now use the custom images tab. To insert images from this tab onto the slider simply paste the link into the text box and then clicking "save changes". Alternatively you can use the "upload image" button which uses Wordpress's built in media library. Once you uploaded the image click "insert into post" to insert the image URL into the next available text box. Then click "save changes" after each one.
77
-
78
-
79
- == Screenshots ==
80
-
81
- 1. The Easing Slider used on MatthewRuddy.com showing how the slider can be tailored to your site.
82
-
83
- 2. Preview of the slider's "Custom Images" panel.
84
-
85
- 3. Use Wordpress's media library to upload new images to the slider.
86
-
87
- 4. Modify the sliders styling to your liking. Customize nearly everything.
88
-
89
- 5. Usage settings tab. Change the image source and amount of images shown, etc.
90
-
91
- == Frequently Asked Questions ==
92
-
93
- <h4>The content slider is not working. It is just displaying the loading icon. What's wrong?</h4>
94
-
95
- This (most likely) is due to one of two potential problems:
96
-
97
- 1. You have loaded jQuery already in your theme. If you manually inserted jQuery into your theme previously then it will break the Easing Slider (along with other plugins potentially) because jQuery is being loaded twice (the Easing Slider also loads jQuery).
98
-
99
- 2. No custom fields with the name "easing" followed by the URL of an image in the "value" field have been specified in any of your posts. See the "installation" section for more details on how to display images on the slider via custom fields. Alternatively you can use "custom images" by enabling this in the usage settings tab of the Easing Slider's settings.
100
-
101
- <h4>For more information please email me at info@matthewruddy.com</h4>
102
-
103
- == Changelog ==
 
 
 
104
 
105
  = 1.1.8 =
106
  * Fixed: IE9 issues. Slider is now fully functional in IE9.
107
-
108
- = 1.1.7 =
109
- * Added: Option to enable or disable jQuery.
110
- * Fixed: Issue with slider appearing above post content when using shortcode.
111
-
112
- = 1.1.6 =
113
- * Added: Premium Slider notice.
114
- * Added: Icon to heading on Admin options.
115
-
116
- = 1.1.5 =
117
- * Fixed: Mix up between autoPlay & transitionSpeed values in previous versions.
118
-
119
- = 1.1.4 =
120
- * Fixed: Added !important to padding & margin values of 0 to make sure slider doesn't inherit theme's css values.
121
-
122
- = 1.1.3 =
123
- * Fixed: CSS glitch in admin area.
124
-
125
- = 1.1.2 =
126
- * Fixed: Bug with previous version.
127
-
128
- = 1.1.1 =
129
- * Added: Option to disable permalinks in 'slider settings'.
130
-
131
- = 1.1.0 =
132
- * Added: Ability to add links to images. Images sourced from custom fields link to their respective post.
133
- * Fixed: Edited script.js issue with fade animation.
134
-
135
- = 1.0.3 =
136
- * Added: paddingTop & paddingRight settings.
137
- * Fixed: Bottom padding issue when shadow is enabled.
138
- * Changed: Tab name 'Plugin Settings' to 'Usage Settings'.
139
-
140
- = 1.0.2 =
141
- * Added: Fade transition. Compatibility problems fixed.
142
- * Fixed: Preloader margin-top with IE only. Used IE hack to add 1 pixel to the top margin to make preloader appear aligned.
143
-
144
- = 1.0.1 =
145
-
146
- * Fixed: Issues with 'Thematic' theme.
147
- * Fixed: jQuery into noConflict mode to avoid conflictions with various other jQuery plugins.
148
- * Fixed: Parse errors in CSS file.
149
- * Fixed: jQuery version number.
150
  * Removed: Fade transition effect due to compatibility problems & issue with certain themes.
1
+ === Easing Slider ===
2
+ Homepage: http://easingslider.matthewruddy.com
3
+ Contributors: MatthewRuddy
4
+ Tags: slider, slideshows, easing, plugin, jquery, content, featured, images, wordpress
5
+ Requires at least: 2.9.2
6
+ Tested up to: 3.2.1
7
+ Stable tag: 1.1.9
8
+
9
+ The Easing Slider is an image slider plugin for WordPress which uses the jQuery Easing plugin.
10
+
11
+ == Description ==
12
+
13
+ <a href="http://premiumslider.matthewruddy.com">Need unlimited sliders? Want more options? Go Premium!</a>
14
+
15
+ The Easing Slider comes with various options that allow you to choose different sources to get the images from and also multiple styling options so that you"ll never have to edit any files directly & with ease. Create your own unique elegant slider.
16
+
17
+ <a href="http://easingslider.matthewruddy.com">Live Demo</a>
18
+
19
+ <h4>Choose between images sourced from:</h4>
20
+ - Custom fields from a particular category
21
+ - Custom fields from all categories
22
+ - Selected images from the plugins "Custom Images" section.
23
+
24
+ <h4>The Easing Slider has the following optional features:</h4>
25
+ - *New* Link images to URLs.
26
+ - Pagination (with custom icons if you wish)
27
+ - Next/previous buttons
28
+ - Choose between three different shadow types
29
+ - 7 different types of preloading icons (or use none)
30
+ - Padding & border settings
31
+ - And much more.
32
+
33
+
34
+ == Installation ==
35
+
36
+ <h4>Installation</h4>
37
+ <b>Via FTP:</b>
38
+ Once you download the plugin, extract the folder from the .rar file. Next, via FTP place the file in the "plugins" directory with all other plugins. This directory can be found in wp-content under the directory in which you store WordPress's files.
39
+
40
+ <b>Via Admin panel:</b>
41
+ Go to Add new under Plugins. Then search "easing slider" then click install.
42
+
43
+
44
+ <h4>Usage</h4>
45
+ To use the Easing Slider you can use the following methods:
46
+
47
+ Shortcode in posts:
48
+ `[easingslider]`
49
+
50
+ Function in template files (via php):
51
+ `<?php if (function_exists("easing_slider")){ easing_slider(); }; ?>`
52
+
53
+
54
+ <h4>Image Source:</h4>
55
+ You can change many of the sliders settings from the "Easing Slider" control panel in the WordPress administration panel.
56
+ Once the plugin is activated a new tab called "Easing Slider" emerges in the WordPress admin control panel. Under the tab "Usage Settings" there is a section called "Get images from?". Here there is a dropdown menu with which you can select three different sources to get images from. These are:
57
+
58
+ Custom Fields (Selected Category):
59
+ Allows you to use custom fields to specify an image from each post to be displayed on the slider from a particular category only. To display an image use the custom field name "easing" followed by the URL of the image in the value field. You can only upload <i>ONE</i> custom field per post.
60
+
61
+ Custom Fields (All Categories):
62
+ This option displays images from custom fields with the name "easing" from all categories, then enter the URL of the image in the value field.
63
+
64
+ Custom Images:
65
+ This allows you to use a maximum of ten custom images specified in the "Custom Images" tab. Here you can enter your own URL to specific images of insert images from your media library. This panel also gives you a preview of all the custom images that will be displayed on the slider.
66
+
67
+ <h4>Adding an image</h4>
68
+
69
+ Note: You can only use one custom field per post.
70
+
71
+ Custom Fields:
72
+ If you are NOT using custom images you can insert images into the slider via Custom Fields. To do this, insert "easing" into the Custom field <i>name</i> field followed by the URL of the image in the <i>value</i> field. You can only insert one image per post.
73
+
74
+ Custom Images tab:
75
+ If you have selected "Custom Images" as your source you can now use the custom images tab. To insert images from this tab onto the slider simply paste the link into the text box and then clicking "save changes". Alternatively you can use the "upload image" button which uses Wordpress's built in media library. Once you uploaded the image click "insert into post" to insert the image URL into the next available text box. Then click "save changes" after each one.
76
+
77
+
78
+ == Screenshots ==
79
+
80
+ 1. The Easing Slider used on MatthewRuddy.com showing how the slider can be tailored to your site.
81
+
82
+ 2. Preview of the slider's "Custom Images" panel.
83
+
84
+ 3. Use Wordpress's media library to upload new images to the slider.
85
+
86
+ 4. Modify the sliders styling to your liking. Customize nearly everything.
87
+
88
+ 5. Usage settings tab. Change the image source and amount of images shown, etc.
89
+
90
+ == Frequently Asked Questions ==
91
+
92
+ <h4>The content slider is not working. It is just displaying the loading icon. What's wrong?</h4>
93
+
94
+ This (most likely) is due to one of two potential problems:
95
+
96
+ 1. You have loaded jQuery already in your theme. If you manually inserted jQuery into your theme previously then it will break the Easing Slider (along with other plugins potentially) because jQuery is being loaded twice (the Easing Slider also loads jQuery).
97
+
98
+ 2. No custom fields with the name "easing" followed by the URL of an image in the "value" field have been specified in any of your posts. See the "installation" section for more details on how to display images on the slider via custom fields. Alternatively you can use "custom images" by enabling this in the usage settings tab of the Easing Slider's settings.
99
+
100
+ <h4>For more information please email me at info@matthewruddy.com</h4>
101
+
102
+ == Changelog ==
103
+
104
+ = 1.1.9 =
105
+ * Fixed: Plugin inconsistancies and Javascript mistakes.
106
+ * Changed: Plugin now only deletes slideshow when uninstalled (rather than de-activated).
107
 
108
  = 1.1.8 =
109
  * Fixed: IE9 issues. Slider is now fully functional in IE9.
110
+
111
+ = 1.1.7 =
112
+ * Added: Option to enable or disable jQuery.
113
+ * Fixed: Issue with slider appearing above post content when using shortcode.
114
+
115
+ = 1.1.6 =
116
+ * Added: Premium Slider notice.
117
+ * Added: Icon to heading on Admin options.
118
+
119
+ = 1.1.5 =
120
+ * Fixed: Mix up between autoPlay & transitionSpeed values in previous versions.
121
+
122
+ = 1.1.4 =
123
+ * Fixed: Added !important to padding & margin values of 0 to make sure slider doesn't inherit theme's css values.
124
+
125
+ = 1.1.3 =
126
+ * Fixed: CSS glitch in admin area.
127
+
128
+ = 1.1.2 =
129
+ * Fixed: Bug with previous version.
130
+
131
+ = 1.1.1 =
132
+ * Added: Option to disable permalinks in 'slider settings'.
133
+
134
+ = 1.1.0 =
135
+ * Added: Ability to add links to images. Images sourced from custom fields link to their respective post.
136
+ * Fixed: Edited script.js issue with fade animation.
137
+
138
+ = 1.0.3 =
139
+ * Added: paddingTop & paddingRight settings.
140
+ * Fixed: Bottom padding issue when shadow is enabled.
141
+ * Changed: Tab name 'Plugin Settings' to 'Usage Settings'.
142
+
143
+ = 1.0.2 =
144
+ * Added: Fade transition. Compatibility problems fixed.
145
+ * Fixed: Preloader margin-top with IE only. Used IE hack to add 1 pixel to the top margin to make preloader appear aligned.
146
+
147
+ = 1.0.1 =
148
+
149
+ * Fixed: Issues with 'Thematic' theme.
150
+ * Fixed: jQuery into noConflict mode to avoid conflictions with various other jQuery plugins.
151
+ * Fixed: Parse errors in CSS file.
152
+ * Fixed: jQuery version number.
153
  * Removed: Fade transition effect due to compatibility problems & issue with certain themes.