'Responsive Featured Image for Sidebar Widgets with CSS3 Animations and Styles' )
);
}
/**
* Frontend Display
*/
public function widget( $args, $instance ) {
$title = apply_filters('widget_title', esc_attr($instance['title']));
$image_src = $instance['image_src'];
$image_url = $instance['image_url'];
$image_caption = $instance['image_caption'];
$thumbnail = $instance['thumbnail'];
$rounded = $instance['rounded'];
$padding = $instance['padding'];
$circular = $instance['circular'];
$zoom = $instance['zoom'];
$rotate = $instance['rotate'];
$bnw = $instance['bnw'];
$blur = $instance['blur'];
if( empty($title) ){
$title = 'Animated Featured Image';
}
?>
Please enter Image Source URL.';
}
?>
'Featured Image',
'image_src' => '',
'image_url' => '',
'image_caption' => '',
'thumbnail' => '',
'rounded' => '',
'circular' => '',
'padding' => '',
'zoom' => '',
'rotate' => '',
'bnw' => '',
'blur' => ''
);
$instance = wp_parse_args( (array) $instance, $defaults );
$title = $instance['title'];
$image_src = $instance['image_src'];
$image_url = $instance['image_url'];
$image_caption = $instance['image_caption'];
$thumbnail = $instance['thumbnail'];
$rounded = $instance['rounded'];
$circular = $instance['circular'];
$padding = $instance['padding'];
$zoom = $instance['zoom'];
$rotate = $instance['rotate'];
$bnw = $instance['bnw'];
$blur = $instance['blur'];
?>
id="get_field_id('thumbnail'); ?>" name="get_field_name('thumbnail'); ?>" />
id="get_field_id('rounded'); ?>" name="get_field_name('rounded'); ?>" />
id="get_field_id('circular'); ?>" name="get_field_name('circular'); ?>" />
id="get_field_id('padding'); ?>" name="get_field_name('padding'); ?>" />
id="get_field_id('zoom'); ?>" name="get_field_name('zoom'); ?>" />
id="get_field_id('rotate'); ?>" name="get_field_name('rotate'); ?>" />
id="get_field_id('bnw'); ?>" name="get_field_name('bnw'); ?>" />
id="get_field_id('blur'); ?>" name="get_field_name('blur'); ?>" />
- Note:
- Add padding and if want to use zoom or rotate option.
- Also try to use one animation(either zoom or rotate).
- If want to use circular styles then image's height & width should be same.