Version Description
Download this release
Release Info
| Developer | eleopard |
| Plugin |  Animate It! |
| Version | 1.3 |
| Comparing to | |
| See all releases | |
Code changes from version 1.2.1 to 1.3
- assets/helper/eds_tinymce_popup.php +36 -7
- assets/js/edsanimate.js +78 -38
- edsanimate.php +53 -4
- readme.txt +16 -5
assets/helper/eds_tinymce_popup.php
CHANGED
|
@@ -181,13 +181,35 @@
|
|
| 181 |
<tr>
|
| 182 |
<td>Animate Infinitely: </td>
|
| 183 |
<td colspan="2">
|
| 184 |
-
<input type="checkbox" data-size="large" name="eds_infinite" data-on-text="Yes" data-off-text="No"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 185 |
</td>
|
| 186 |
</tr>
|
| 187 |
<tr>
|
| 188 |
-
<td>
|
| 189 |
<td colspan="2">
|
| 190 |
-
<input type="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 191 |
</td>
|
| 192 |
</tr>
|
| 193 |
<tr>
|
|
@@ -216,7 +238,7 @@
|
|
| 216 |
|
| 217 |
$(document).ready(function(){
|
| 218 |
$("input[name=eds_infinite]").bootstrapSwitch();
|
| 219 |
-
$("input[name=
|
| 220 |
$('.js--triggerAnimation').click(function(e){
|
| 221 |
e.preventDefault();
|
| 222 |
var anim = $('.js--animations').val();
|
|
@@ -235,6 +257,8 @@
|
|
| 235 |
{
|
| 236 |
var shortCode = "[edsanimate animation=\"";
|
| 237 |
var hForm = document.edsanimate_form;
|
|
|
|
|
|
|
| 238 |
shortCode += hForm.eds_style.value + "\" " ;
|
| 239 |
if( hForm.eds_delay.value!="")
|
| 240 |
shortCode += " delay=\"" + hForm.eds_delay.value + "\" ";
|
|
@@ -243,8 +267,13 @@
|
|
| 243 |
shortCode += " duration=\"" + hForm.eds_duration.value + "\" ";
|
| 244 |
|
| 245 |
shortCode += ((hForm.eds_infinite.checked)?' infinite_animation="yes" ':' infinite_animation="no" ');
|
| 246 |
-
|
| 247 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 248 |
|
| 249 |
shortCode += "<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3><p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p>";
|
| 250 |
|
|
@@ -256,4 +285,4 @@
|
|
| 256 |
}
|
| 257 |
</script>
|
| 258 |
</body>
|
| 259 |
-
</html>
|
| 181 |
<tr>
|
| 182 |
<td>Animate Infinitely: </td>
|
| 183 |
<td colspan="2">
|
| 184 |
+
<input type="checkbox" data-size="large" name="eds_infinite" data-on-text="Yes" data-off-text="No" />
|
| 185 |
+
</td>
|
| 186 |
+
</tr>
|
| 187 |
+
<tr>
|
| 188 |
+
<td style="text-align:left;">
|
| 189 |
+
<br/>
|
| 190 |
+
<b>Animate On:</b>
|
| 191 |
+
</td>
|
| 192 |
+
<td colspan="2">
|
| 193 |
+
<br/>
|
| 194 |
+
<i>(Please select any one option)</i>
|
| 195 |
+
</td>
|
| 196 |
+
</tr>
|
| 197 |
+
<tr>
|
| 198 |
+
<td>Scroll: </td>
|
| 199 |
+
<td colspan="2">
|
| 200 |
+
<input type="radio" data-size="large" name="eds_animate_on" value="scroll" data-on-text="Yes" data-off-text="No" data-radio-all-off="true" />
|
| 201 |
</td>
|
| 202 |
</tr>
|
| 203 |
<tr>
|
| 204 |
+
<td>Click: </td>
|
| 205 |
<td colspan="2">
|
| 206 |
+
<input type="radio" data-size="large" name="eds_animate_on" value="click" data-on-text="Yes" data-off-text="No" data-radio-all-off="true" />
|
| 207 |
+
</td>
|
| 208 |
+
</tr>
|
| 209 |
+
<tr>
|
| 210 |
+
<td>Hover: </td>
|
| 211 |
+
<td colspan="2">
|
| 212 |
+
<input type="radio" data-size="large" name="eds_animate_on" value="hover" data-on-text="Yes" data-off-text="No" data-radio-all-off="true" />
|
| 213 |
</td>
|
| 214 |
</tr>
|
| 215 |
<tr>
|
| 238 |
|
| 239 |
$(document).ready(function(){
|
| 240 |
$("input[name=eds_infinite]").bootstrapSwitch();
|
| 241 |
+
$("input[name=eds_animate_on]").bootstrapSwitch();
|
| 242 |
$('.js--triggerAnimation').click(function(e){
|
| 243 |
e.preventDefault();
|
| 244 |
var anim = $('.js--animations').val();
|
| 257 |
{
|
| 258 |
var shortCode = "[edsanimate animation=\"";
|
| 259 |
var hForm = document.edsanimate_form;
|
| 260 |
+
var animate_on = "";
|
| 261 |
+
|
| 262 |
shortCode += hForm.eds_style.value + "\" " ;
|
| 263 |
if( hForm.eds_delay.value!="")
|
| 264 |
shortCode += " delay=\"" + hForm.eds_delay.value + "\" ";
|
| 267 |
shortCode += " duration=\"" + hForm.eds_duration.value + "\" ";
|
| 268 |
|
| 269 |
shortCode += ((hForm.eds_infinite.checked)?' infinite_animation="yes" ':' infinite_animation="no" ');
|
| 270 |
+
|
| 271 |
+
animate_on = $('input[name=eds_animate_on]:radio:checked').val();
|
| 272 |
+
|
| 273 |
+
if(animate_on != null)
|
| 274 |
+
shortCode += ' animate_on="'+animate_on+'"] ';
|
| 275 |
+
else
|
| 276 |
+
shortCode += ' animate_on=""] ';
|
| 277 |
|
| 278 |
shortCode += "<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3><p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type</p>";
|
| 279 |
|
| 285 |
}
|
| 286 |
</script>
|
| 287 |
</body>
|
| 288 |
+
</html>
|
assets/js/edsanimate.js
CHANGED
|
@@ -30,54 +30,94 @@
|
|
| 30 |
var animationStyleClasses = ["animated","infinite", "bounce", "flash", "pulse", "rubberBand", "shake", "swing", "tada", "wobble", "bounceIn", "bounceInDown", "bounceInLeft", "bounceInRight", "bounceInUp", "bounceOut", "bounceOutDown", "bounceOutLeft", "bounceOutRight", "bounceOutUp", "fadeIn", "fadeInDown", "fadeInDownBig", "fadeInLeft", "fadeInLeftBig", "fadeInRight", "fadeInRightBig", "fadeInUp", "fadeInUpBig", "fadeOut", "fadeOutDown", "fadeOutDownBig", "fadeOutLeft", "fadeOutLeftBig", "fadeOutRight", "fadeOutRightBig", "fadeOutUp", "fadeOutUpBig", "flip", "flipInX", "flipInY", "flipOutX", "flipOutY", "lightSpeedIn", "lightSpeedOut", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight", "rotateOut", "rotateOutDownLeft", "rotateOutDownRight", "rotateOutUpLeft", "rotateOutUpRight", "hinge", "rollIn", "rollOut", "zoomIn", "zoomInDown", "zoomInLeft", "zoomInRight", "zoomInUp", "zoomOut", "zoomOutDown", "zoomOutLeft", "zoomOutRight", "zoomOutUp"];
|
| 31 |
var delayClasses = ["delay1", "delay2", "delay3", "delay4", "delay5", "delay6", "delay7", "delay8", "delay9", "delay10", "delay11", "delay12"];
|
| 32 |
var durationClasses = ["duration1", "duration2", "duration3", "duration4", "duration5", "duration6", "duration7", "duration8", "duration9", "duration10", "duration11", "duration12", "duration13", "duration14", "duration15", "duration16", "duration17", "duration18", "duration19", "duration20"];
|
| 33 |
-
var scrollOffset = scroll_offset;
|
| 34 |
|
| 35 |
$('.eds-on-scroll').each(function(){
|
| 36 |
-
var $module = $(this);
|
| 37 |
|
| 38 |
-
|
| 39 |
-
{
|
| 40 |
-
$module.removeClass(function(index, className){
|
| 41 |
-
var removeClassList = "";
|
| 42 |
-
var classList = className.trim().split(/\s+/);
|
| 43 |
-
$.each(classList, function(index, value){
|
| 44 |
-
if((value=='eds-on-scroll')
|
| 45 |
-
|| ($.inArray(value, animationStyleClasses)!==-1)
|
| 46 |
-
|| ($.inArray(value, delayClasses)!==-1)
|
| 47 |
-
|| ($.inArray(value, durationClasses)!==-1))
|
| 48 |
-
removeClassList += " " + value;
|
| 49 |
-
});
|
| 50 |
|
| 51 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 52 |
});
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 67 |
|
| 68 |
-
|
| 69 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 70 |
});
|
| 71 |
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 78 |
|
| 79 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 80 |
|
| 81 |
});
|
|
|
|
|
|
|
| 82 |
});
|
| 83 |
})(jQuery);
|
| 30 |
var animationStyleClasses = ["animated","infinite", "bounce", "flash", "pulse", "rubberBand", "shake", "swing", "tada", "wobble", "bounceIn", "bounceInDown", "bounceInLeft", "bounceInRight", "bounceInUp", "bounceOut", "bounceOutDown", "bounceOutLeft", "bounceOutRight", "bounceOutUp", "fadeIn", "fadeInDown", "fadeInDownBig", "fadeInLeft", "fadeInLeftBig", "fadeInRight", "fadeInRightBig", "fadeInUp", "fadeInUpBig", "fadeOut", "fadeOutDown", "fadeOutDownBig", "fadeOutLeft", "fadeOutLeftBig", "fadeOutRight", "fadeOutRightBig", "fadeOutUp", "fadeOutUpBig", "flip", "flipInX", "flipInY", "flipOutX", "flipOutY", "lightSpeedIn", "lightSpeedOut", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight", "rotateOut", "rotateOutDownLeft", "rotateOutDownRight", "rotateOutUpLeft", "rotateOutUpRight", "hinge", "rollIn", "rollOut", "zoomIn", "zoomInDown", "zoomInLeft", "zoomInRight", "zoomInUp", "zoomOut", "zoomOutDown", "zoomOutLeft", "zoomOutRight", "zoomOutUp"];
|
| 31 |
var delayClasses = ["delay1", "delay2", "delay3", "delay4", "delay5", "delay6", "delay7", "delay8", "delay9", "delay10", "delay11", "delay12"];
|
| 32 |
var durationClasses = ["duration1", "duration2", "duration3", "duration4", "duration5", "duration6", "duration7", "duration8", "duration9", "duration10", "duration11", "duration12", "duration13", "duration14", "duration15", "duration16", "duration17", "duration18", "duration19", "duration20"];
|
| 33 |
+
var scrollOffset = scroll_offset.offset;
|
| 34 |
|
| 35 |
$('.eds-on-scroll').each(function(){
|
| 36 |
+
var $module = $(this);
|
| 37 |
|
| 38 |
+
var classesToAdd = " eds-scroll-visible ";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
|
| 40 |
+
$module.removeClass(function(index, className){
|
| 41 |
+
var removeClassList = "";
|
| 42 |
+
var classList = className.trim().split(/\s+/);
|
| 43 |
+
$.each(classList, function(index, value){
|
| 44 |
+
if(($.inArray(value, animationStyleClasses)!==-1)
|
| 45 |
+
|| ($.inArray(value, delayClasses)!==-1)
|
| 46 |
+
|| ($.inArray(value, durationClasses)!==-1))
|
| 47 |
+
removeClassList += " " + value;
|
| 48 |
});
|
| 49 |
+
|
| 50 |
+
classesToAdd += removeClassList;
|
| 51 |
+
return removeClassList;
|
| 52 |
+
});
|
| 53 |
+
|
| 54 |
+
$module.addClass("eds-scroll-hidden");
|
| 55 |
+
|
| 56 |
+
$module.viewportChecker({
|
| 57 |
+
classToAdd: classesToAdd,
|
| 58 |
+
offset: scrollOffset
|
| 59 |
+
});
|
| 60 |
+
|
| 61 |
+
});
|
| 62 |
+
|
| 63 |
+
$('.eds-on-click').each(function(){
|
| 64 |
+
var $module = $(this);
|
| 65 |
+
|
| 66 |
+
var classesToAdd = " ";
|
| 67 |
|
| 68 |
+
$module.removeClass(function(index, className){
|
| 69 |
+
var removeClassList = "";
|
| 70 |
+
var classList = className.trim().split(/\s+/);
|
| 71 |
+
$.each(classList, function(index, value){
|
| 72 |
+
if(($.inArray(value, animationStyleClasses)!==-1)
|
| 73 |
+
|| ($.inArray(value, delayClasses)!==-1)
|
| 74 |
+
|| ($.inArray(value, durationClasses)!==-1))
|
| 75 |
+
removeClassList += " " + value;
|
| 76 |
});
|
| 77 |
|
| 78 |
+
classesToAdd += removeClassList;
|
| 79 |
+
return removeClassList;
|
| 80 |
+
});
|
| 81 |
+
|
| 82 |
+
$module.click(function (){
|
| 83 |
+
$(this).removeClass(classesToAdd).addClass(classesToAdd).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
|
| 84 |
+
$(this).removeClass(classesToAdd);
|
| 85 |
+
});
|
| 86 |
+
});
|
| 87 |
+
|
| 88 |
+
});
|
| 89 |
+
|
| 90 |
+
$('.eds-on-hover').each(function(){
|
| 91 |
+
var $module = $(this);
|
| 92 |
+
|
| 93 |
+
var classesToAdd = " ";
|
| 94 |
+
|
| 95 |
+
$module.removeClass(function(index, className){
|
| 96 |
+
var removeClassList = "";
|
| 97 |
+
var classList = className.trim().split(/\s+/);
|
| 98 |
+
$.each(classList, function(index, value){
|
| 99 |
+
if(($.inArray(value, animationStyleClasses)!==-1)
|
| 100 |
+
|| ($.inArray(value, delayClasses)!==-1)
|
| 101 |
+
|| ($.inArray(value, durationClasses)!==-1))
|
| 102 |
+
removeClassList += " " + value;
|
| 103 |
+
});
|
| 104 |
|
| 105 |
+
classesToAdd += removeClassList;
|
| 106 |
+
return removeClassList;
|
| 107 |
+
});
|
| 108 |
+
|
| 109 |
+
$module.hover(
|
| 110 |
+
function (){
|
| 111 |
+
$(this).removeClass(classesToAdd).addClass(classesToAdd).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
|
| 112 |
+
$(this).removeClass(classesToAdd);
|
| 113 |
+
});
|
| 114 |
+
},
|
| 115 |
+
function (){
|
| 116 |
+
}
|
| 117 |
+
);
|
| 118 |
|
| 119 |
});
|
| 120 |
+
|
| 121 |
+
|
| 122 |
});
|
| 123 |
})(jQuery);
|
edsanimate.php
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
* Plugin Name: Animate It!
|
| 4 |
* Plugin URI: http://www.eleopard.in
|
| 5 |
* Description: It will allow user to add CSS Animations
|
| 6 |
-
* Version: 1.
|
| 7 |
* Author: eLEOPARD Design Studios
|
| 8 |
* Author URI: http://www.eleopard.in
|
| 9 |
* License: GNU General Public License version 2 or later; see LICENSE.txt
|
|
@@ -183,10 +183,12 @@ function add_eds_script_and_css()
|
|
| 183 |
wp_register_style( 'animate-css',plugins_url( '/assets/css/animate.css', __FILE__ ));
|
| 184 |
wp_register_script( 'viewpointcheck-script',plugins_url( '/assets/js/viewportchecker.js', __FILE__ ),array('jquery'));
|
| 185 |
wp_register_script( 'edsanimate-script', plugins_url( '/assets/js/edsanimate.js', __FILE__ ),array('viewpointcheck-script') );
|
| 186 |
-
|
|
|
|
| 187 |
wp_enqueue_style( 'animate-css' );
|
| 188 |
wp_enqueue_script( 'viewpointcheck-script');
|
| 189 |
wp_enqueue_script( 'edsanimate-script');
|
|
|
|
| 190 |
endif;
|
| 191 |
}
|
| 192 |
|
|
@@ -211,7 +213,7 @@ function edsanimate_handler( $attributes, $content = null ) {
|
|
| 211 |
'delay' => '',
|
| 212 |
'duration' => '',
|
| 213 |
'infinite_animation' =>'',
|
| 214 |
-
'
|
| 215 |
), $attributes ) );
|
| 216 |
|
| 217 |
|
|
@@ -233,8 +235,13 @@ function edsanimate_handler( $attributes, $content = null ) {
|
|
| 233 |
if($duration!= '' && is_int((int)$duration) && $duration>=0 && $duration <=12)
|
| 234 |
$classString .= " duration" . $duration;
|
| 235 |
|
| 236 |
-
if(strcasecmp($
|
| 237 |
$classString .= " eds-on-scroll";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 238 |
|
| 239 |
return '<div class="'.$classString.'">'.$content.'</div>';
|
| 240 |
else:
|
|
@@ -243,10 +250,52 @@ function edsanimate_handler( $attributes, $content = null ) {
|
|
| 243 |
|
| 244 |
}
|
| 245 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 246 |
//Admin Menu Options Filters
|
|
|
|
| 247 |
add_filter('widget_text', 'do_shortcode');
|
| 248 |
register_activation_hook(__FILE__, 'set_edsanimate_options');
|
| 249 |
register_deactivation_hook(__FILE__, 'unset_edsanimate_options');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 250 |
add_action('admin_menu', 'modify_menu');
|
| 251 |
add_shortcode('edsanimate', 'edsanimate_handler');
|
| 252 |
add_action('wp_enqueue_scripts', 'add_eds_script_and_css');
|
| 3 |
* Plugin Name: Animate It!
|
| 4 |
* Plugin URI: http://www.eleopard.in
|
| 5 |
* Description: It will allow user to add CSS Animations
|
| 6 |
+
* Version: 1.3
|
| 7 |
* Author: eLEOPARD Design Studios
|
| 8 |
* Author URI: http://www.eleopard.in
|
| 9 |
* License: GNU General Public License version 2 or later; see LICENSE.txt
|
| 183 |
wp_register_style( 'animate-css',plugins_url( '/assets/css/animate.css', __FILE__ ));
|
| 184 |
wp_register_script( 'viewpointcheck-script',plugins_url( '/assets/js/viewportchecker.js', __FILE__ ),array('jquery'));
|
| 185 |
wp_register_script( 'edsanimate-script', plugins_url( '/assets/js/edsanimate.js', __FILE__ ),array('viewpointcheck-script') );
|
| 186 |
+
$offset = array( 'offset' => get_option('scroll_offset'));
|
| 187 |
+
wp_localize_script( 'edsanimate-script', 'scroll_offset', $offset);
|
| 188 |
wp_enqueue_style( 'animate-css' );
|
| 189 |
wp_enqueue_script( 'viewpointcheck-script');
|
| 190 |
wp_enqueue_script( 'edsanimate-script');
|
| 191 |
+
|
| 192 |
endif;
|
| 193 |
}
|
| 194 |
|
| 213 |
'delay' => '',
|
| 214 |
'duration' => '',
|
| 215 |
'infinite_animation' =>'',
|
| 216 |
+
'animate_on' => ''
|
| 217 |
), $attributes ) );
|
| 218 |
|
| 219 |
|
| 235 |
if($duration!= '' && is_int((int)$duration) && $duration>=0 && $duration <=12)
|
| 236 |
$classString .= " duration" . $duration;
|
| 237 |
|
| 238 |
+
if(strcasecmp($animate_on, 'scroll')==0)
|
| 239 |
$classString .= " eds-on-scroll";
|
| 240 |
+
else if(strcasecmp($animate_on, 'click')==0)
|
| 241 |
+
$classString .= " eds-on-click";
|
| 242 |
+
else if(strcasecmp($animate_on, 'hover')==0)
|
| 243 |
+
$classString .= " eds-on-hover";
|
| 244 |
+
|
| 245 |
|
| 246 |
return '<div class="'.$classString.'">'.$content.'</div>';
|
| 247 |
else:
|
| 250 |
|
| 251 |
}
|
| 252 |
|
| 253 |
+
|
| 254 |
+
function eds_add_custom_class_field($t,$return,$instance){
|
| 255 |
+
$instance = wp_parse_args( (array) $instance, array( 'eds_animation_class' => '') );
|
| 256 |
+
if ( !isset($instance['eds_animation_class']) )
|
| 257 |
+
$instance['eds_animation_class'] = null;
|
| 258 |
+
?>
|
| 259 |
+
<p>
|
| 260 |
+
<label for="<?php echo $t->get_field_id('eds_animation_class'); ?>">Aniamte It Classes</label>
|
| 261 |
+
<input type="text" name="<?php echo $t->get_field_name('eds_animation_class'); ?>" id="<?php echo $t->get_field_id('eds_animation_class'); ?>" value="<?php echo $instance['eds_animation_class'];?>" />
|
| 262 |
+
</p>
|
| 263 |
+
<?php
|
| 264 |
+
$retrun = null;
|
| 265 |
+
return array($t,$return,$instance);
|
| 266 |
+
|
| 267 |
+
}
|
| 268 |
+
|
| 269 |
+
|
| 270 |
+
function eds_update_widget_animation_class($instance, $new_instance, $old_instance){
|
| 271 |
+
$instance = $old_instance;
|
| 272 |
+
$instance['eds_animation_class'] = $new_instance['eds_animation_class'];
|
| 273 |
+
return $instance;
|
| 274 |
+
}
|
| 275 |
+
|
| 276 |
+
function eds_add_widget_animation_class($params){
|
| 277 |
+
global $wp_registered_widgets;
|
| 278 |
+
$widget_id = $params[0]['widget_id'];
|
| 279 |
+
$widget_obj = $wp_registered_widgets[$widget_id];
|
| 280 |
+
$widget_opt = get_option($widget_obj['callback'][0]->option_name);
|
| 281 |
+
$widget_num = $widget_obj['params'][0]['number'];
|
| 282 |
+
if (isset($widget_opt[$widget_num]['eds_animation_class'])){
|
| 283 |
+
$eds_animation_class = $widget_opt[$widget_num]['eds_animation_class'];
|
| 284 |
+
$params[0]['before_widget'] = preg_replace('/class="/', 'class=" '.$eds_animation_class , $params[0]['before_widget'], 1);
|
| 285 |
+
}
|
| 286 |
+
return $params;
|
| 287 |
+
}
|
| 288 |
+
|
| 289 |
//Admin Menu Options Filters
|
| 290 |
+
|
| 291 |
add_filter('widget_text', 'do_shortcode');
|
| 292 |
register_activation_hook(__FILE__, 'set_edsanimate_options');
|
| 293 |
register_deactivation_hook(__FILE__, 'unset_edsanimate_options');
|
| 294 |
+
|
| 295 |
+
add_action('in_widget_form', 'eds_add_custom_class_field',5,3);
|
| 296 |
+
add_filter('widget_update_callback', 'eds_update_widget_animation_class',5,3);
|
| 297 |
+
add_filter('dynamic_sidebar_params', 'eds_add_widget_animation_class');
|
| 298 |
+
|
| 299 |
add_action('admin_menu', 'modify_menu');
|
| 300 |
add_shortcode('edsanimate', 'edsanimate_handler');
|
| 301 |
add_action('wp_enqueue_scripts', 'add_eds_script_and_css');
|
readme.txt
CHANGED
|
@@ -1,16 +1,16 @@
|
|
| 1 |
=== Animate It! ===
|
| 2 |
Contributors: eleopard
|
| 3 |
Tags: css3 animation, animate.css, jquery, on scroll animation, delay animation
|
| 4 |
-
Requires at least:
|
| 5 |
Tested up to: 4.0
|
| 6 |
-
Stable tag: 1.
|
| 7 |
License: GNU General Public License version 2 or later
|
| 8 |
License URI: http://www.gnu.org/copyleft/gpl.html
|
| 9 |
|
| 10 |
Animate It! is a WordPress Plugin designed and developed to provide an efficient and user friendly solution to apply beautiful CSS3 animations.
|
| 11 |
|
| 12 |
== Description ==
|
| 13 |
-
Animate It! is a WordPress Plugin designed and developed to provide an efficient and user friendly solution to apply beautiful CSS3 animations on WordPress Posts and
|
| 14 |
|
| 15 |
|
| 16 |
|
|
@@ -20,14 +20,17 @@ Some of the Key features Include:
|
|
| 20 |
|
| 21 |
* Allowing user to apply CSS3 animations on WordPress Posts and Text Widgets
|
| 22 |
* Capability to apply animation on Scroll
|
| 23 |
-
*
|
|
|
|
|
|
|
| 24 |
* Allow user to add animation duration
|
| 25 |
* Allow user to apply animation infinitely
|
| 26 |
* Options to enable or disable animations on Smartphones and Tablets.
|
|
|
|
| 27 |
|
| 28 |
All the CSS3 animations are from [Animate.css](http://daneden.github.io/animate.css/ "Animate.css")
|
| 29 |
|
| 30 |
-
[Demo](http://downloads.eleopard.in/animate-it-demo-wordpress/ "Demo") | [Documentation](http://downloads.eleopard.in/animate-it-documentation-wordpress/ "Documentation")
|
| 31 |
|
| 32 |
|
| 33 |
== Installation ==
|
|
@@ -53,10 +56,18 @@ Percentage scroll offset can be set from Settings-> Animate It! menu in the admi
|
|
| 53 |
2. **Select Animation** - After clicking Animate It! button you will get a screen to choose animation.
|
| 54 |
3. **Animation Block** - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.
|
| 55 |
4. **Settings** - Options for Animate It! under Settings-> Animate It! menu in the admin area.
|
|
|
|
|
|
|
|
|
|
| 56 |
|
| 57 |
|
| 58 |
== Changelog ==
|
| 59 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 60 |
= Version 1.2.1 =
|
| 61 |
* Resolved an issue related to multiple declaration of mobile_detect.php class.
|
| 62 |
|
| 1 |
=== Animate It! ===
|
| 2 |
Contributors: eleopard
|
| 3 |
Tags: css3 animation, animate.css, jquery, on scroll animation, delay animation
|
| 4 |
+
Requires at least: 3.0
|
| 5 |
Tested up to: 4.0
|
| 6 |
+
Stable tag: 1.3
|
| 7 |
License: GNU General Public License version 2 or later
|
| 8 |
License URI: http://www.gnu.org/copyleft/gpl.html
|
| 9 |
|
| 10 |
Animate It! is a WordPress Plugin designed and developed to provide an efficient and user friendly solution to apply beautiful CSS3 animations.
|
| 11 |
|
| 12 |
== Description ==
|
| 13 |
+
Animate It! is a WordPress Plugin designed and developed to provide an efficient and user friendly solution to apply beautiful CSS3 animations on WordPress Posts and Widgets.
|
| 14 |
|
| 15 |
|
| 16 |
|
| 20 |
|
| 21 |
* Allowing user to apply CSS3 animations on WordPress Posts and Text Widgets
|
| 22 |
* Capability to apply animation on Scroll
|
| 23 |
+
* Capability to apply animation on Hover
|
| 24 |
+
* Capability to apply animation on Click
|
| 25 |
+
* Provide special CSS delay classes to create a nice animation sequence on pages and posts
|
| 26 |
* Allow user to add animation duration
|
| 27 |
* Allow user to apply animation infinitely
|
| 28 |
* Options to enable or disable animations on Smartphones and Tablets.
|
| 29 |
+
* Allow users to apply animation on WordPress Widgets. Use <a href="http://downloads.eleopard.in/class-generator-wordpress/" target="_blank">Class Generator</a> to generate the required animation classes.
|
| 30 |
|
| 31 |
All the CSS3 animations are from [Animate.css](http://daneden.github.io/animate.css/ "Animate.css")
|
| 32 |
|
| 33 |
+
[Demo](http://downloads.eleopard.in/animate-it-demo-wordpress/ "Demo") | [Documentation](http://downloads.eleopard.in/animate-it-documentation-wordpress/ "Documentation") | [Class Generator](http://downloads.eleopard.in/class-generator-wordpress/ "Class Generator")
|
| 34 |
|
| 35 |
|
| 36 |
== Installation ==
|
| 56 |
2. **Select Animation** - After clicking Animate It! button you will get a screen to choose animation.
|
| 57 |
3. **Animation Block** - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.
|
| 58 |
4. **Settings** - Options for Animate It! under Settings-> Animate It! menu in the admin area.
|
| 59 |
+
5. **Class Generator** - Class Generator to generate required Animation Classes for Widgets.
|
| 60 |
+
6. **Copy Generated Classes** - Copy the generated classes.
|
| 61 |
+
7. **Apply on Widgets** - Apply the copied classes by pasting it in the 'Animate It! Classes' text box under the widget settings.
|
| 62 |
|
| 63 |
|
| 64 |
== Changelog ==
|
| 65 |
|
| 66 |
+
= Version 1.3 =
|
| 67 |
+
* Capability to apply animation on Hover.
|
| 68 |
+
* Capability to apply animation on Click.
|
| 69 |
+
* Allow users to apply animation on WordPress Widgets.
|
| 70 |
+
|
| 71 |
= Version 1.2.1 =
|
| 72 |
* Resolved an issue related to multiple declaration of mobile_detect.php class.
|
| 73 |
|
