Easing Slider - Version 1.1.1

Version Description

  • Added: Option to disable permalinks in 'slider settings'.
Download this release

Release Info

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

Code changes from version 1.0 to 1.1.1

Files changed (4) hide show
  1. css/slider.css +18 -127
  2. easingslider.php +215 -77
  3. js/script.js +15 -3
  4. readme.txt +60 -33
css/slider.css CHANGED
@@ -1,129 +1,20 @@
1
- <style type="text/css">/* CSS Document */
2
- .lof-slidecontent, .lof-slidecontent a {
3
- color:#FFF;
4
- }
5
- .lof-slidecontent a.readmore{
6
- color:#58B1EA;
7
- font-size:95%;
8
-
9
- }
10
-
11
- .lof-container {
12
- }
13
-
14
-
15
- .lof-slidecontent{
16
- position: relative;
17
- }
18
-
19
- .lof-slidecontent .preload{
20
- height:100%;
21
- width:100%;
22
- position:absolute;
23
- top:0;
24
- left:0;
25
- z-index:100000;
26
- text-align:center;
27
- }
28
- .lof-slidecontent .preload div{
29
- height:100%;
30
- width:100%;
31
- }
32
- .lof-main-outer{
33
- position: absolute;
34
- z-index:3px;
35
- overflow:hidden;
36
- }
37
-
38
- .lof-main-outer .lof-next, .lof-main-outer .lof-previous{
39
- display:block;
40
- width:40px;
41
- color:#FFF;
42
- cursor:pointer;
43
- position:absolute;
44
- height:100%;
45
- z-index:3;
46
- top:0;
47
- text-indent:-999px;
48
-
49
- }
50
- .lof-main-outer .lof-next {
51
- right:10px;
52
- }
53
- .lof-main-outer .lof-previous {
54
- left:10px;
55
- }
56
 
57
  /* main flash */
58
- ul.lof-main-wapper{
59
- /* margin-right:auto; */
60
- overflow:hidden;
61
- background: transparent;
62
- padding:0px;
63
- margin:0;
64
- position: absolute;
65
- overflow: hidden;
66
- }
67
-
68
- ul.lof-main-wapper li{
69
- padding:0px;
70
- margin:0px;
71
- float:left;
72
- list-style: none;
73
- position:relative;
74
- }
75
- .lof-opacity {
76
- overflow:visible !important;;
77
- position:absolute !important;
78
- }
79
- .lof-opacity li{
80
- position:absolute !important;;
81
- top:0;
82
- left:0;
83
- float:inherit !important;
84
- }
85
- ul.lof-main-wapper li img{
86
- padding:0px;
87
- }
88
-
89
- /* item navigator */
90
- .lof-navigator-wapper {
91
- position:absolute;
92
- -moz-border-radius:5px 5px 5px 5px;
93
- }
94
- .lof-navigator-outer{
95
- position:relative;
96
- z-index:100;
97
- height:180px;
98
- overflow:hidden;
99
- color:#FFF;
100
- margin:0;
101
- padding:0;
102
- }
103
- ul.lof-navigator{
104
- top:0;
105
- padding:0;
106
- margin:0;
107
- position:absolute;
108
- width:100%;
109
- }
110
- ul.lof-navigator li{
111
- cursor:hand;
112
- cursor:pointer;
113
- list-style:none;
114
- padding:0;
115
- margin: 0;
116
- overflow:hidden;
117
- float:left;
118
- display:block;
119
- text-align:left;
120
-
121
- }
122
- ul.lof-navigator li span {
123
- visibility: hidden;
124
- }
125
- ul.lof-navigator li.active {
126
- display:block;
127
- }
128
-
129
- }</style>
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; margin:0; position: relative;}ul.lof-main-wapper li{ padding:0px; margin:0px; float:left; list-style: none; position:relative;}
12
+ .lof-opacity { overflow:visible !important;; position:absolute !important;}
13
+ .lof-opacity li{ position:absolute !important;; top:0; left:0; margin:0; padding:0; float:inherit !important;}
14
+ ul.lof-main-wapper li img{ padding:0 !important; margin:0 !important; max-width: none !important; }
15
+
16
+ /* item navigator */.lof-navigator-wapper { position:absolute;}
17
+ .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%;}
18
+ 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;}
19
+ ul.lof-navigator li span { display: none;}
20
+ ul.lof-navigator li.active { display:block;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
easingslider.php CHANGED
@@ -3,10 +3,10 @@
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.0
7
  Author: Matthew Ruddy
8
  Author URI: http://matthewruddy.com
9
- License: This plugin is dual-licensed under the GNU General Public License and the MIT License.
10
  */
11
 
12
  function my_admin_scripts() {
@@ -38,37 +38,40 @@ function easing_head() {
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;}</style>
 
 
 
42
 
43
  <script type="text/javascript">
44
- $(document).ready( function(){
45
- var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
46
- next:$('#lofslidecontent45 .lof-next') };
47
- $obj = $('#lofslidecontent45')
48
- .lofJSidernews( { interval : <?php echo $interval; ?>,
49
- <?php if($transition=='slide') echo "easing : 'easeInOutExpo'";
50
- if($transition=='smooth') echo "easing : 'easeInOutQuad'";
51
- if($transition=='fade') echo "direction : 'opacity'";
52
- if($transition=='swipe') echo "easing : 'easeOutBack'";
53
- if($transition=='bounce') echo "easing : 'easeOutBounce'"; ?>,
54
- duration : <?php echo $transpeed; ?>,
55
- auto : true,
56
- maxItemDisplay : 10,
57
- startItem:<?php if($start=='1') echo '0';
58
- if($start=='2') echo '1';
59
- if($start=='3') echo '2';
60
- if($start=='4') echo '3';
61
- if($start=='5') echo '4';
62
- if($start=='6') echo '5';
63
- if($start=='7') echo '6';
64
- if($start=='8') echo '7';
65
- if($start=='9') echo '8';
66
- if($start=='10') echo '9'; ?>,
67
- navPosition : 'horizontal', // horizontal
68
- navigatorHeight : 15,
69
- navigatorWidth : 25,
70
- buttons : buttons,
71
- mainWidth:<?php echo $width; ?>} );
72
  });</script>
73
  <!-- End of Easing Slider -->
74
  <?php }
@@ -78,7 +81,7 @@ $scripturl = WP_PLUGIN_URL .'/easing-slider/js/';
78
 
79
  if ( !is_admin() ) {
80
  wp_deregister_script('jquery');
81
- wp_register_script('jquery', $scripturl.'jquery.js');
82
  wp_enqueue_script('jquery');
83
 
84
  }
@@ -123,6 +126,16 @@ function easing_slider() {
123
  $sImg8 = get_option('sImg8');
124
  $sImg9 = get_option('sImg9');
125
  $sImg10 = get_option('sImg10');
 
 
 
 
 
 
 
 
 
 
126
  $sPagination = get_option('sPagination');
127
  $activation = get_option('activation');
128
  $width = get_option('width');
@@ -142,6 +155,8 @@ function easing_slider() {
142
  $featpost = get_option('featpost');
143
  $padbottom = get_option('padbottom');
144
  $padleft = get_option('padleft');
 
 
145
  $shadowstyle = get_option('shadowstyle');
146
  $paginationon = get_option('paginationon');
147
  $paginationoff = get_option('paginationoff');
@@ -149,6 +164,7 @@ function easing_slider() {
149
  $prev = get_option('prev');
150
  $pageposition = get_option('pageposition');
151
  $pageside = get_option('pageside');
 
152
 
153
  $padtop = $bwidth*2;
154
 
@@ -157,25 +173,25 @@ function easing_slider() {
157
  $padding = '';
158
 
159
  if ($shadow == '') {
160
- $padding = $padbottom; }
 
161
  else {
162
  $imgpadding = $padbottom; } ?>
163
  <!-- Easing Slider -->
164
- <div class="lof-container" style="height:<?php echo $height; ?>px;padding-left:<?php echo $padleft;?>px;padding-bottom:<?php echo $imgpadding;?>px;">
165
  <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;">
166
- <div class="preload" style="background:#<?php if($bgcolour=='') echo 'fff'; else echo $bgcolour; ?>;">
167
- <div style="background:transparent 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 scroll 50% 50%;">
168
- </div>
169
  </div>
170
  <div class="lof-main-outer" style="background: #<?php echo $bgcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
171
- <ul class="lof-main-wapper">
172
  <?php
173
 
174
  if(get_option('source') == 'featured') { ?>
175
  <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
176
  while($recent->have_posts()) : $recent->the_post(); global $post;
177
  $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
178
- <li><img src="<?php echo $image; ?>" width="<?php echo $width; ?>" alt="<?php echo $images; ?>" /></li>
179
 
180
  <?php }endwhile; ?>
181
 
@@ -183,41 +199,41 @@ function easing_slider() {
183
  <?php $recent = new WP_Query('showposts='.$featpost.'');
184
  while($recent->have_posts()) : $recent->the_post(); global $post;
185
  $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
186
- <li><img src="<?php echo $image; ?>" width="<?php echo $width; ?>" alt="<?php echo $images; ?>"/></li>
187
 
188
  <?php }endwhile; ?>
189
 
190
  <?php } else if(get_option('source') == 'custom') {
191
 
192
- if ($sImg1) {
193
- echo '<li><img src="'.$sImg1.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
194
 
195
- if ($sImg2) {
196
- echo '<li><img src="'.$sImg2.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
197
 
198
- if ($sImg3) {
199
- echo '<li><img src="'.$sImg3.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
200
 
201
- if ($sImg4) {
202
- echo '<li><img src="'.$sImg4.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
203
 
204
- if ($sImg5) {
205
- echo '<li><img src="'.$sImg5.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
206
 
207
- if ($sImg6) {
208
- echo '<li><img src="'.$sImg6.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
209
 
210
- if ($sImg7) {
211
- echo '<li><img src="'.$sImg7.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
212
 
213
- if ($sImg8) {
214
- echo '<li><img src="'.$sImg8.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
215
 
216
- if ($sImg9) {
217
- echo '<li><img src="'.$sImg9.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
218
 
219
- if ($sImg10) {
220
- echo '<li><img src="'.$sImg10.'" style="width:'. $width .'px;" alt="'. $images .'" /></li>'; }
221
 
222
  }
223
 
@@ -282,7 +298,9 @@ function easing_slider() {
282
 
283
  ?> </ul>
284
  </div>
285
- </div><?php }
 
 
286
 
287
  elseif ($sPagination=='no') {
288
  echo ''; } ?>
@@ -308,6 +326,16 @@ function set_easing_options() {
308
  add_option('sImg8','','');
309
  add_option('sImg9','','');
310
  add_option('sImg10','','');
 
 
 
 
 
 
 
 
 
 
311
  add_option('sPagination','yes','');
312
  add_option('activation','enable','');
313
  add_option('width','480','');
@@ -317,7 +345,7 @@ function set_easing_options() {
317
  add_option('transition','slide','');
318
  add_option('bgcolour','fff','');
319
  add_option('transpeed','1200','');
320
- add_option('bwidth','5','');
321
  add_option('bcolour','ccc','');
322
  add_option('preload','indicator','');
323
  add_option('start','1','');
@@ -327,6 +355,8 @@ function set_easing_options() {
327
  add_option('featpost','5','');
328
  add_option('padbottom','0','');
329
  add_option('padleft','0','');
 
 
330
  add_option('shadowstyle','arc','');
331
  add_option('paginationon','','');
332
  add_option('paginationoff','','');
@@ -334,6 +364,7 @@ function set_easing_options() {
334
  add_option('prev','','');
335
  add_option('pageposition','outside','');
336
  add_option('pageside','left','');
 
337
  }
338
 
339
  function unset_easing_options() {
@@ -347,6 +378,16 @@ function unset_easing_options() {
347
  delete_option('sImg8');
348
  delete_option('sImg9');
349
  delete_option('sImg10');
 
 
 
 
 
 
 
 
 
 
350
  delete_option('sPagination');
351
  delete_option('activation');
352
  delete_option('width');
@@ -366,6 +407,8 @@ function unset_easing_options() {
366
  delete_option('featpost');
367
  delete_option('padbottom');
368
  delete_option('padleft');
 
 
369
  delete_option('shadowstyle');
370
  delete_option('paginationon');
371
  delete_option('paginationoff');
@@ -373,6 +416,7 @@ function unset_easing_options() {
373
  delete_option('prev');
374
  delete_option('pageposition');
375
  delete_option('pageside');
 
376
  }
377
 
378
  register_activation_hook(__FILE__,'set_easing_options');
@@ -390,6 +434,16 @@ function admin_easing() {
390
  $sImg8 = get_option('sImg8');
391
  $sImg9 = get_option('sImg9');
392
  $sImg10 = get_option('sImg10');
 
 
 
 
 
 
 
 
 
 
393
  $sPagination = get_option('sPagination');
394
  $activation = get_option('activation');
395
  $width = get_option('width');
@@ -409,6 +463,8 @@ function admin_easing() {
409
  $featpost = get_option('featpost');
410
  $padbottom = get_option('padbottom');
411
  $padleft = get_option('padleft');
 
 
412
  $shadowstyle = get_option('shadowstyle');
413
  $paginationon = get_option('paginationon');
414
  $paginationoff = get_option('paginationoff');
@@ -416,6 +472,7 @@ function admin_easing() {
416
  $prev = get_option('prev');
417
  $pageposition = get_option('pageposition');
418
  $pageside = get_option('pageside');
 
419
 
420
  if ('process' == $_POST['options']) {
421
  update_option('sImg1',$_REQUEST['sImg1']);
@@ -428,6 +485,16 @@ if ('process' == $_POST['options']) {
428
  update_option('sImg8',$_REQUEST['sImg8']);
429
  update_option('sImg9',$_REQUEST['sImg9']);
430
  update_option('sImg10',$_REQUEST['sImg10']);
 
 
 
 
 
 
 
 
 
 
431
  update_option('sPagination',$_REQUEST['sPagination']);
432
  update_option('activation',$_REQUEST['activation']);
433
  update_option('width',$_REQUEST['width']);
@@ -447,6 +514,8 @@ if ('process' == $_POST['options']) {
447
  update_option('featpost',$_REQUEST['featpost']);
448
  update_option('padbottom',$_REQUEST['padbottom']);
449
  update_option('padleft',$_REQUEST['padleft']);
 
 
450
  update_option('shadowstyle',$_REQUEST['shadowstyle']);
451
  update_option('paginationon',$_REQUEST['paginationon']);
452
  update_option('paginationoff',$_REQUEST['paginationoff']);
@@ -454,6 +523,7 @@ if ('process' == $_POST['options']) {
454
  update_option('prev',$_REQUEST['prev']);
455
  update_option('pageposition',$_REQUEST['pageposition']);
456
  update_option('pageside',$_REQUEST['pageside']);
 
457
  $sImg1 = get_option('sImg1');
458
  $sImg2 = get_option('sImg2');
459
  $sImg3 = get_option('sImg3');
@@ -464,6 +534,16 @@ if ('process' == $_POST['options']) {
464
  $sImg8 = get_option('sImg8');
465
  $sImg9 = get_option('sImg9');
466
  $sImg10 = get_option('sImg10');
 
 
 
 
 
 
 
 
 
 
467
  $sPagination = get_option('sPagination');
468
  $activation = get_option('activation');
469
  $width = get_option('width');
@@ -483,6 +563,8 @@ if ('process' == $_POST['options']) {
483
  $featpost = get_option('featpost');
484
  $padbottom = get_option('padbottom');
485
  $padleft = get_option('padleft');
 
 
486
  $shadowstyle = get_option('shadowstyle');
487
  $paginationon = get_option('paginationon');
488
  $paginationoff = get_option('paginationoff');
@@ -490,6 +572,7 @@ if ('process' == $_POST['options']) {
490
  $prev = get_option('prev');
491
  $pageposition = get_option('pageposition');
492
  $pageside = get_option('pageside');
 
493
  }
494
 
495
 
@@ -533,6 +616,16 @@ function print_easing_form() {
533
  $sImg8 = get_option('sImg8');
534
  $sImg9 = get_option('sImg9');
535
  $sImg10 = get_option('sImg10');
 
 
 
 
 
 
 
 
 
 
536
  $sPagination = get_option('sPagination');
537
  $activation = get_option('activation');
538
  $width = get_option('width');
@@ -552,6 +645,8 @@ function print_easing_form() {
552
  $featpost = get_option('featpost');
553
  $padbottom = get_option('padbottom');
554
  $padleft = get_option('padleft');
 
 
555
  $shadowstyle = get_option('shadowstyle');
556
  $paginationon = get_option('paginationon');
557
  $paginationoff = get_option('paginationoff');
@@ -559,6 +654,7 @@ function print_easing_form() {
559
  $prev = get_option('prev');
560
  $pageposition = get_option('pageposition');
561
  $pageside = get_option('pageside');
 
562
 
563
 
564
  ?>
@@ -566,48 +662,68 @@ function print_easing_form() {
566
  <ul class="yui-nav">
567
  <li class="selected"><a href="#">Custom Images</a></li>
568
  <li><a href="#">Slider Settings</a></li>
569
- <li><a href="#">Plugin Settings</a></li>
570
  </ul>
571
 
572
  <div class="metabox-holder" style="width:810px;">
573
- <input id="upload_image_button" type="button" value="Upload Image" />
574
  <input type="submit" class="button-primary" name="submit" value="Save Changes" style="" />
575
  <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>
576
  </div>
577
 
578
  <div class="yui-content">
579
 
580
- <div><!-- first div for content tabs -->
581
- <?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 "Plugin Settings" tab.</strong></div>'; ?>
582
  <div class="metabox-holder" style="width:402px;float:left;"><div class="postbox"><h3><span>Image #1 link:</span></h3>
583
- <?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;"/></div>
 
 
584
 
585
  <div class="postbox"><h3><span>Image #2 link:</span></h3>
586
- <?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;" /></div>
 
 
587
 
588
  <div class="postbox"><h3><span>Image #3 link:</span></h3>
589
- <?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;" /></div>
 
 
590
 
591
  <div class="postbox"><h3><span>Image #4 link:</span></h3>
592
- <?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;" /></div>
 
 
593
 
594
  <div class="postbox"><h3><span>Image #5 link:</span></h3>
595
- <?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;" /></div></div>
 
 
596
 
597
  <div class="metabox-holder" style="width:402px;float:left;margin-left:10px;"><div class="postbox"><h3><span>Image #6 link:</span></h3>
598
- <?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;" /></div>
 
 
599
 
600
  <div class="postbox"><h3><span>Image #7 link:</span></h3>
601
- <?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;" /></div>
 
 
602
 
603
  <div class="postbox"><h3><span>Image #8 link:</span></h3>
604
- <?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;" /></div>
 
 
605
 
606
  <div class="postbox"><h3><span>Image #9 link:</span></h3>
607
- <?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;" /></div>
 
 
608
 
609
  <div class="postbox"><h3><span>Image #10 link:</span></h3>
610
- <?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;" /></div></div>
 
 
611
 
612
  </div>
613
  <div><!-- second div for content tabs -->
@@ -653,7 +769,15 @@ function print_easing_form() {
653
  <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>
654
  <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padbottom" value="<?php echo ($padbottom); ?>" style="width: 50px;" />px</td>
655
  <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>
656
-
 
 
 
 
 
 
 
 
657
  <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>
658
  <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padleft" value="<?php echo ($padleft); ?>" style="width: 50px;" />px</td>
659
  <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>
@@ -763,6 +887,20 @@ function print_easing_form() {
763
  Enable or disable the slider.
764
  </p>
765
  </td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
766
  </tr>
767
 
768
  <tr valign="top" style="border-bottom:1px solid #ccc;">
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.1
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() {
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 }
81
 
82
  if ( !is_admin() ) {
83
  wp_deregister_script('jquery');
84
+ wp_register_script('jquery', $scripturl.'jquery.js', '', '1.4.2');
85
  wp_enqueue_script('jquery');
86
 
87
  }
126
  $sImg8 = get_option('sImg8');
127
  $sImg9 = get_option('sImg9');
128
  $sImg10 = get_option('sImg10');
129
+ $sImglink1 = get_option('sImglink1');
130
+ $sImglink2 = get_option('sImglink2');
131
+ $sImglink3 = get_option('sImglink3');
132
+ $sImglink4 = get_option('sImglink4');
133
+ $sImglink5 = get_option('sImglink5');
134
+ $sImglink6 = get_option('sImglink6');
135
+ $sImglink7 = get_option('sImglink7');
136
+ $sImglink8 = get_option('sImglink8');
137
+ $sImglink9 = get_option('sImglink9');
138
+ $sImglink10 = get_option('sImglink10');
139
  $sPagination = get_option('sPagination');
140
  $activation = get_option('activation');
141
  $width = get_option('width');
155
  $featpost = get_option('featpost');
156
  $padbottom = get_option('padbottom');
157
  $padleft = get_option('padleft');
158
+ $padright = get_option('padright');
159
+ $paddingtop = get_option('paddingtop');
160
  $shadowstyle = get_option('shadowstyle');
161
  $paginationon = get_option('paginationon');
162
  $paginationoff = get_option('paginationoff');
164
  $prev = get_option('prev');
165
  $pageposition = get_option('pageposition');
166
  $pageside = get_option('pageside');
167
+ $permalink = get_option('permalink');
168
 
169
  $padtop = $bwidth*2;
170
 
173
  $padding = '';
174
 
175
  if ($shadow == '') {
176
+ $padding = $padbottom;
177
+ $imgpadding = '0'; }
178
  else {
179
  $imgpadding = $padbottom; } ?>
180
  <!-- Easing Slider -->
181
+ <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;">
182
  <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;">
183
+ <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; ?>;">
184
+
 
185
  </div>
186
  <div class="lof-main-outer" style="background: #<?php echo $bgcolour; ?>;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;">
187
+ <ul class="lof-main-wapper">
188
  <?php
189
 
190
  if(get_option('source') == 'featured') { ?>
191
  <?php $recent = new WP_Query('cat='.$featcat.'&showposts='.$featpost.'');
192
  while($recent->have_posts()) : $recent->the_post(); global $post;
193
  $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
194
+ <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>
195
 
196
  <?php }endwhile; ?>
197
 
199
  <?php $recent = new WP_Query('showposts='.$featpost.'');
200
  while($recent->have_posts()) : $recent->the_post(); global $post;
201
  $image = get_post_meta($post->ID, 'easing', true); if (!empty($image)) { ?>
202
+ <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>
203
 
204
  <?php }endwhile; ?>
205
 
206
  <?php } else if(get_option('source') == 'custom') {
207
 
208
+ if ($sImg1) { ?>
209
+ <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 }
210
 
211
+ if ($sImg2) { ?>
212
+ <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 }
213
 
214
+ if ($sImg3) { ?>
215
+ <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 }
216
 
217
+ if ($sImg4) { ?>
218
+ <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 }
219
 
220
+ if ($sImg5) { ?>
221
+ <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 }
222
 
223
+ if ($sImg6) { ?>
224
+ <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 }
225
 
226
+ if ($sImg7) { ?>
227
+ <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 }
228
 
229
+ if ($sImg8) { ?>
230
+ <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 }
231
 
232
+ if ($sImg9) { ?>
233
+ <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 }
234
 
235
+ if ($sImg10) { ?>
236
+ <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 }
237
 
238
  }
239
 
298
 
299
  ?> </ul>
300
  </div>
301
+ </div>
302
+
303
+ <?php }
304
 
305
  elseif ($sPagination=='no') {
306
  echo ''; } ?>
326
  add_option('sImg8','','');
327
  add_option('sImg9','','');
328
  add_option('sImg10','','');
329
+ add_option('sImglink1','','');
330
+ add_option('sImglink2','','');
331
+ add_option('sImglink3','','');
332
+ add_option('sImglink4','','');
333
+ add_option('sImglink5','','');
334
+ add_option('sImglink6','','');
335
+ add_option('sImglink7','','');
336
+ add_option('sImglink8','','');
337
+ add_option('sImglink9','','');
338
+ add_option('sImglink10','','');
339
  add_option('sPagination','yes','');
340
  add_option('activation','enable','');
341
  add_option('width','480','');
345
  add_option('transition','slide','');
346
  add_option('bgcolour','fff','');
347
  add_option('transpeed','1200','');
348
+ add_option('bwidth','3','');
349
  add_option('bcolour','ccc','');
350
  add_option('preload','indicator','');
351
  add_option('start','1','');
355
  add_option('featpost','5','');
356
  add_option('padbottom','0','');
357
  add_option('padleft','0','');
358
+ add_option('padright','0','');
359
+ add_option('paddingtop','0','');
360
  add_option('shadowstyle','arc','');
361
  add_option('paginationon','','');
362
  add_option('paginationoff','','');
364
  add_option('prev','','');
365
  add_option('pageposition','outside','');
366
  add_option('pageside','left','');
367
+ add_option('permalink','','');
368
  }
369
 
370
  function unset_easing_options() {
378
  delete_option('sImg8');
379
  delete_option('sImg9');
380
  delete_option('sImg10');
381
+ delete_option('sImglink1');
382
+ delete_option('sImglink2');
383
+ delete_option('sImglink3');
384
+ delete_option('sImglink4');
385
+ delete_option('sImglink5');
386
+ delete_option('sImglink6');
387
+ delete_option('sImglink7');
388
+ delete_option('sImglink8');
389
+ delete_option('sImglink9');
390
+ delete_option('sImglink10');
391
  delete_option('sPagination');
392
  delete_option('activation');
393
  delete_option('width');
407
  delete_option('featpost');
408
  delete_option('padbottom');
409
  delete_option('padleft');
410
+ delete_option('padright');
411
+ delete_option('paddingtop');
412
  delete_option('shadowstyle');
413
  delete_option('paginationon');
414
  delete_option('paginationoff');
416
  delete_option('prev');
417
  delete_option('pageposition');
418
  delete_option('pageside');
419
+ delete_option('permalink');
420
  }
421
 
422
  register_activation_hook(__FILE__,'set_easing_options');
434
  $sImg8 = get_option('sImg8');
435
  $sImg9 = get_option('sImg9');
436
  $sImg10 = get_option('sImg10');
437
+ $sImglink1 = get_option('sImglink1');
438
+ $sImglink2 = get_option('sImglink2');
439
+ $sImglink3 = get_option('sImglink3');
440
+ $sImglink4 = get_option('sImglink4');
441
+ $sImglink5 = get_option('sImglink5');
442
+ $sImglink6 = get_option('sImglink6');
443
+ $sImglink7 = get_option('sImglink7');
444
+ $sImglink8 = get_option('sImglink8');
445
+ $sImglink9 = get_option('sImglink9');
446
+ $sImglink10 = get_option('sImglink10');
447
  $sPagination = get_option('sPagination');
448
  $activation = get_option('activation');
449
  $width = get_option('width');
463
  $featpost = get_option('featpost');
464
  $padbottom = get_option('padbottom');
465
  $padleft = get_option('padleft');
466
+ $padright = get_option('padright');
467
+ $paddingtop = get_option('paddingtop');
468
  $shadowstyle = get_option('shadowstyle');
469
  $paginationon = get_option('paginationon');
470
  $paginationoff = get_option('paginationoff');
472
  $prev = get_option('prev');
473
  $pageposition = get_option('pageposition');
474
  $pageside = get_option('pageside');
475
+ $permalink = get_option('permalink');
476
 
477
  if ('process' == $_POST['options']) {
478
  update_option('sImg1',$_REQUEST['sImg1']);
485
  update_option('sImg8',$_REQUEST['sImg8']);
486
  update_option('sImg9',$_REQUEST['sImg9']);
487
  update_option('sImg10',$_REQUEST['sImg10']);
488
+ update_option('sImglink1',$_REQUEST['sImglink1']);
489
+ update_option('sImglink2',$_REQUEST['sImglink2']);
490
+ update_option('sImglink3',$_REQUEST['sImglink3']);
491
+ update_option('sImglink4',$_REQUEST['sImglink4']);
492
+ update_option('sImglink5',$_REQUEST['sImglink5']);
493
+ update_option('sImglink6',$_REQUEST['sImglink6']);
494
+ update_option('sImglink7',$_REQUEST['sImglink7']);
495
+ update_option('sImglink8',$_REQUEST['sImglink8']);
496
+ update_option('sImglink9',$_REQUEST['sImglink9']);
497
+ update_option('sImglink10',$_REQUEST['sImglink10']);
498
  update_option('sPagination',$_REQUEST['sPagination']);
499
  update_option('activation',$_REQUEST['activation']);
500
  update_option('width',$_REQUEST['width']);
514
  update_option('featpost',$_REQUEST['featpost']);
515
  update_option('padbottom',$_REQUEST['padbottom']);
516
  update_option('padleft',$_REQUEST['padleft']);
517
+ update_option('padright',$_REQUEST['padright']);
518
+ update_option('paddingtop',$_REQUEST['paddingtop']);
519
  update_option('shadowstyle',$_REQUEST['shadowstyle']);
520
  update_option('paginationon',$_REQUEST['paginationon']);
521
  update_option('paginationoff',$_REQUEST['paginationoff']);
523
  update_option('prev',$_REQUEST['prev']);
524
  update_option('pageposition',$_REQUEST['pageposition']);
525
  update_option('pageside',$_REQUEST['pageside']);
526
+ update_option('permalink',$_REQUEST['permalink']);
527
  $sImg1 = get_option('sImg1');
528
  $sImg2 = get_option('sImg2');
529
  $sImg3 = get_option('sImg3');
534
  $sImg8 = get_option('sImg8');
535
  $sImg9 = get_option('sImg9');
536
  $sImg10 = get_option('sImg10');
537
+ $sImglink1 = get_option('sImglink1');
538
+ $sImglink2 = get_option('sImglink2');
539
+ $sImglink3 = get_option('sImglink3');
540
+ $sImglink4 = get_option('sImglink4');
541
+ $sImglink5 = get_option('sImglink5');
542
+ $sImglink6 = get_option('sImglink6');
543
+ $sImglink7 = get_option('sImglink7');
544
+ $sImglink8 = get_option('sImglink8');
545
+ $sImglink9 = get_option('sImglink9');
546
+ $sImglink10 = get_option('sImglink10');
547
  $sPagination = get_option('sPagination');
548
  $activation = get_option('activation');
549
  $width = get_option('width');
563
  $featpost = get_option('featpost');
564
  $padbottom = get_option('padbottom');
565
  $padleft = get_option('padleft');
566
+ $padright = get_option('padright');
567
+ $paddingtop = get_option('paddingtop');
568
  $shadowstyle = get_option('shadowstyle');
569
  $paginationon = get_option('paginationon');
570
  $paginationoff = get_option('paginationoff');
572
  $prev = get_option('prev');
573
  $pageposition = get_option('pageposition');
574
  $pageside = get_option('pageside');
575
+ $permalink = get_option('permalink');
576
  }
577
 
578
 
616
  $sImg8 = get_option('sImg8');
617
  $sImg9 = get_option('sImg9');
618
  $sImg10 = get_option('sImg10');
619
+ $sImglink1 = get_option('sImglink1');
620
+ $sImglink2 = get_option('sImglink2');
621
+ $sImglink3 = get_option('sImglink3');
622
+ $sImglink4 = get_option('sImglink4');
623
+ $sImglink5 = get_option('sImglink5');
624
+ $sImglink6 = get_option('sImglink6');
625
+ $sImglink7 = get_option('sImglink7');
626
+ $sImglink8 = get_option('sImglink8');
627
+ $sImglink9 = get_option('sImglink9');
628
+ $sImglink10 = get_option('sImglink10');
629
  $sPagination = get_option('sPagination');
630
  $activation = get_option('activation');
631
  $width = get_option('width');
645
  $featpost = get_option('featpost');
646
  $padbottom = get_option('padbottom');
647
  $padleft = get_option('padleft');
648
+ $padright = get_option('padright');
649
+ $paddingtop = get_option('paddingtop');
650
  $shadowstyle = get_option('shadowstyle');
651
  $paginationon = get_option('paginationon');
652
  $paginationoff = get_option('paginationoff');
654
  $prev = get_option('prev');
655
  $pageposition = get_option('pageposition');
656
  $pageside = get_option('pageside');
657
+ $permalink = get_option('permalink');
658
 
659
 
660
  ?>
662
  <ul class="yui-nav">
663
  <li class="selected"><a href="#">Custom Images</a></li>
664
  <li><a href="#">Slider Settings</a></li>
665
+ <li><a href="#">Usage Settings</a></li>
666
  </ul>
667
 
668
  <div class="metabox-holder" style="width:810px;">
669
+ <input class="button-secondary" id="upload_image_button" type="button" value="Upload Image" />
670
  <input type="submit" class="button-primary" name="submit" value="Save Changes" style="" />
671
  <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>
672
  </div>
673
 
674
  <div class="yui-content">
675
 
676
+ <div style="overflow: auto;"><!-- first div for content tabs -->
677
+ <?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>'; ?>
678
  <div class="metabox-holder" style="width:402px;float:left;"><div class="postbox"><h3><span>Image #1 link:</span></h3>
679
+ <?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;"/>
680
+ <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;"/>
681
+ </div>
682
 
683
  <div class="postbox"><h3><span>Image #2 link:</span></h3>
684
+ <?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;" />
685
+ <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;"/>
686
+ </div>
687
 
688
  <div class="postbox"><h3><span>Image #3 link:</span></h3>
689
+ <?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;" />
690
+ <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;"/>
691
+ </div>
692
 
693
  <div class="postbox"><h3><span>Image #4 link:</span></h3>
694
+ <?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;" />
695
+ <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;"/>
696
+ </div>
697
 
698
  <div class="postbox"><h3><span>Image #5 link:</span></h3>
699
+ <?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;" />
700
+ <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;"/>
701
+ </div></div>
702
 
703
  <div class="metabox-holder" style="width:402px;float:left;margin-left:10px;"><div class="postbox"><h3><span>Image #6 link:</span></h3>
704
+ <?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;" />
705
+ <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;"/>
706
+ </div>
707
 
708
  <div class="postbox"><h3><span>Image #7 link:</span></h3>
709
+ <?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;" />
710
+ <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;"/>
711
+ </div>
712
 
713
  <div class="postbox"><h3><span>Image #8 link:</span></h3>
714
+ <?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;" />
715
+ <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;"/>
716
+ </div>
717
 
718
  <div class="postbox"><h3><span>Image #9 link:</span></h3>
719
+ <?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;" />
720
+ <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;"/>
721
+ </div>
722
 
723
  <div class="postbox"><h3><span>Image #10 link:</span></h3>
724
+ <?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;" />
725
+ <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;"/>
726
+ </div></div>
727
 
728
  </div>
729
  <div><!-- second div for content tabs -->
769
  <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>
770
  <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padbottom" value="<?php echo ($padbottom); ?>" style="width: 50px;" />px</td>
771
  <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>
772
+
773
+ <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>
774
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="paddingtop" value="<?php echo ($paddingtop); ?>" style="width: 50px;" />px</td>
775
+ <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>
776
+
777
+ <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>
778
+ <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padright" value="<?php echo ($padright); ?>" style="width: 50px;" />px</td>
779
+ <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>
780
+
781
  <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>
782
  <td style="padding:5px 0;margin-left:5px;"><input type="text" name="padleft" value="<?php echo ($padleft); ?>" style="width: 50px;" />px</td>
783
  <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>
887
  Enable or disable the slider.
888
  </p>
889
  </td>
890
+ </tr>
891
+
892
+ <tr valign="top" style="border-bottom:1px solid #ccc;">
893
+ <td style="padding:5px 0;">
894
+ <label for="permalink" style="padding:10px;font-weight:bold;">Permalinks</label>
895
+ </td>
896
+ <td style="padding:5px 0;">
897
+ <input type="checkbox" name="permalink" <?php if (get_option('permalink')) echo "checked='checked'"; ?>/>Disable
898
+ </td>
899
+ <td style="margin:5px 0;">
900
+ <p style="margin:0;font-style:italic;font-size:11px;">
901
+ Check this box to disable the permalinks on images sourced from posts (custom fields).
902
+ </p>
903
+ </td>
904
  </tr>
905
 
906
  <tr valign="top" style="border-bottom:1px solid #ccc;">
js/script.js CHANGED
@@ -69,7 +69,7 @@
69
 
70
  if( this.settings.direction == 'opacity') {
71
  this.wrapper.addClass( 'lof-opacity' );
72
- $(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
73
  } else {
74
  this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
75
  }
@@ -212,8 +212,20 @@
212
  },
213
  fxStart:function( index, obj, currentObj ){
214
  if( this.settings.direction == 'opacity' ) {
215
- $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
216
- $(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
 
 
 
 
 
 
 
 
 
 
 
 
217
  }else {
218
  this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
219
  }
69
 
70
  if( this.settings.direction == 'opacity') {
71
  this.wrapper.addClass( 'lof-opacity' );
72
+ $(this.slides).css({'opacity':0, 'display':'none'}).eq(this.currentNo).css({'opacity':1, 'display':'block'});
73
  } else {
74
  this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
75
  }
212
  },
213
  fxStart:function( index, obj, currentObj ){
214
  if( this.settings.direction == 'opacity' ) {
215
+ $(this.slides).stop().animate({opacity:0}, {
216
+ duration: this.settings.duration,
217
+ easing:this.settings.easing,
218
+ complete:function(){
219
+ $(this).css({'display':'none'});
220
+ }
221
+ });
222
+ $(this.slides).eq(index).stop().animate( {opacity:1}, {
223
+ duration: this.settings.duration,
224
+ easing:this.settings.easing,
225
+ step:function(){
226
+ $(this).css({'display':'block'});
227
+ }
228
+ });
229
  }else {
230
  this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
231
  }
readme.txt CHANGED
@@ -1,20 +1,24 @@
1
  === Easing Slider ===
2
  Homepage: http://easingslider.matthewruddy.com
 
3
  Tags: slider, easing, plugin, jquery, content, featured, images, wordpress
4
  Requires at least: 2.9.2
5
  Tested up to: 3.0.1
6
- Stable tag: 1.0
7
 
8
  == Description ==
9
 
10
- The Easing Slider is an image slider plugin for WordPress which uses the jQuery Easing plugin. It 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!
 
 
11
 
12
  <h4>Choose between images sourced from:</h4>
13
  - Custom fields from a particular category
14
  - Custom fields from all categories
15
- - Selected images from the plugins �Custom Images� section.
16
 
17
- The Easing Slider has the following optional features:
 
18
  - Pagination (with custom icons if you wish)
19
  - Next/previous buttons
20
  - Choose between three different shadow types
@@ -27,70 +31,93 @@ The Easing Slider has the following optional features:
27
 
28
  <h4>Installation</h4>
29
  <b>Via FTP:</b>
30
- 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.
31
 
32
  <b>Via Admin panel:</b>
33
- Go to Add new under Plugins. Then search �easing slider� then click install.
34
 
35
 
36
  <h4>Usage</h4>
37
  To use the Easing Slider you can use the following methods:
38
 
39
  <b>Shortcode in posts:</b>
40
-
41
- [easingslider]
42
 
43
  <b>Function in template files (via php):</b>
44
-
45
- <?php if (function_exists('easing_slider')){ easing_slider(); }; ?>
46
 
47
 
48
  <h4>Image Source:</h4>
49
- You can change many of the sliders settings from the �Easing Slider� control panel in the WordPress administration panel.
50
- Once the plugin is activated a new tab called �Easing Slider� emerges in the WordPress admin control panel. Under the tab �Plugin 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:
51
-
52
- <b>Custom Fields (Selected Category):</b>
53
- 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.
54
 
55
- <b>Custom Fields (All Categories):</b>
56
- 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.
57
 
58
- <b>Custom Images:</b>
59
- 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.
60
 
 
 
61
 
62
  <h4>Adding an image</h4>
63
- <b>Custom Fields:</b>
64
- If you are <i>NOT</i> 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.
65
 
66
- <b>Custom Images tab:</b>
67
- 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.
 
 
 
 
 
68
 
69
 
70
  == Screenshots ==
71
 
72
  1. The Easing Slider used on MatthewRuddy.com showing how the slider can be tailored to your site.
73
 
74
- 2. Preview of the slider�s �Custom Images� panel.
75
 
76
- 3. Use Wordpress�s media library to upload new images to the slider.
77
 
78
  4. Modify the sliders styling to your liking. Customize nearly everything.
79
 
80
- 5. Plugin settings tab. Change the image source and amount of images shown, etc.
81
 
82
- == FAQ's ==
83
-
84
- <h4>What if I want a custom feature or my own fully customized slider?</h4>
85
 
86
- Does the Easing Slider lack a feature you so desperately need? Do you want your own completely unique Easing Slider without any of the hassle of editing it yourself? No problem! Premium support is available depending on your requirement. Anything you may need customized can be done so for a small pre-agreed price. If you have anything to ask feel free to email me at info@matthewruddy.com.
87
-
88
- <h4>The content slider is not working. It is just displaying the loading icon. What�s wrong?</h4>
89
 
90
  This (most likely) is due to one of two potential problems:
91
 
92
  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).
93
 
94
- 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 plugin settings tab of the Easing Slider�s settings.
95
 
96
  <h4>For more information please email me at info@matthewruddy.com</h4>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  === Easing Slider ===
2
  Homepage: http://easingslider.matthewruddy.com
3
+ Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=J5SRU24K9UJFQ&lc=US&item_name=Easing%20Slider%20%7c%20Matthew%20Ruddy&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted
4
  Tags: slider, easing, plugin, jquery, content, featured, images, wordpress
5
  Requires at least: 2.9.2
6
  Tested up to: 3.0.1
7
+ Stable tag: 1.1.1
8
 
9
  == Description ==
10
 
11
+ The Easing Slider is an image slider plugin for WordPress which uses the jQuery Easing plugin. It 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!
12
+
13
+ <a href="http://easingslider.matthewruddy.com">Live Demo</a>
14
 
15
  <h4>Choose between images sourced from:</h4>
16
  - Custom fields from a particular category
17
  - Custom fields from all categories
18
+ - Selected images from the plugins "Custom Images" section.
19
 
20
+ <h4>The Easing Slider has the following optional features:</h4>
21
+ - *New* Link images to URLs.
22
  - Pagination (with custom icons if you wish)
23
  - Next/previous buttons
24
  - Choose between three different shadow types
31
 
32
  <h4>Installation</h4>
33
  <b>Via FTP:</b>
34
+ 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.
35
 
36
  <b>Via Admin panel:</b>
37
+ Go to Add new under Plugins. Then search "easing slider" then click install.
38
 
39
 
40
  <h4>Usage</h4>
41
  To use the Easing Slider you can use the following methods:
42
 
43
  <b>Shortcode in posts:</b>
44
+ <code>[easingslider]</code>
 
45
 
46
  <b>Function in template files (via php):</b>
47
+ <code><?php if (function_exists("easing_slider")){ easing_slider(); }; ?></code>
 
48
 
49
 
50
  <h4>Image Source:</h4>
51
+ You can change many of the sliders settings from the "Easing Slider" control panel in the WordPress administration panel.
52
+ 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:
 
 
 
53
 
54
+ Custom Fields (Selected Category):
55
+ 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.
56
 
57
+ Custom Fields (All Categories):
58
+ 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.
59
 
60
+ Custom Images:
61
+ 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.
62
 
63
  <h4>Adding an image</h4>
 
 
64
 
65
+ Note: You can only use one custom field per post.
66
+
67
+ Custom Fields:
68
+ 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.
69
+
70
+ Custom Images tab:
71
+ 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.
72
 
73
 
74
  == Screenshots ==
75
 
76
  1. The Easing Slider used on MatthewRuddy.com showing how the slider can be tailored to your site.
77
 
78
+ 2. Preview of the slider's "Custom Images" panel.
79
 
80
+ 3. Use Wordpress's media library to upload new images to the slider.
81
 
82
  4. Modify the sliders styling to your liking. Customize nearly everything.
83
 
84
+ 5. Usage settings tab. Change the image source and amount of images shown, etc.
85
 
86
+ == Frequently Asked Questions ==
 
 
87
 
88
+ <h4>The content slider is not working. It is just displaying the loading icon. What's wrong?</h4>
 
 
89
 
90
  This (most likely) is due to one of two potential problems:
91
 
92
  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).
93
 
94
+ 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.
95
 
96
  <h4>For more information please email me at info@matthewruddy.com</h4>
97
+
98
+ == Changelog ==
99
+
100
+ = 1.1.1 =
101
+ * Added: Option to disable permalinks in 'slider settings'.
102
+
103
+ = 1.1.0 =
104
+ * Added: Ability to add links to images. Images sourced from custom fields link to their respective post.
105
+ * Fixed: Edited script.js issue with fade animation.
106
+
107
+ = 1.0.3 =
108
+ * Added: paddingTop & paddingRight settings.
109
+ * Fixed: Bottom padding issue when shadow is enabled.
110
+ * Changed: Tab name 'Plugin Settings' to 'Usage Settings'.
111
+
112
+ = 1.0.2 =
113
+ * Added: Fade transition. Compatibility problems fixed.
114
+ * Fixed: Preloader margin-top with IE only. Used IE hack to add 1 pixel to the top margin to make preloader appear aligned.
115
+
116
+ = 1.0.1 =
117
+
118
+ * Fixed: Issues with 'Thematic' theme.
119
+ * Fixed: jQuery into noConflict mode to avoid conflictions with various other jQuery plugins.
120
+ * Fixed: Parse errors in CSS file.
121
+ * Fixed: jQuery version number.
122
+ * Removed: Fade transition effect due to compatibility problems & issue with certain themes.
123
+