Image Effect CK adds some nice effects to your images. You can control which effect to show between "puff, fade, edaf (inverse of fade), shake, reflection". You can also animate the caption that is automatically created from the title tag of the image. On any image into your website you can add the effect you want. You can choose to have different effects in the same page, and you can also animate the caption.

 

Features

On any image into your website you can add the effect you want. You can choose to have different effects in the same page.

• Applies to any image in the page
• You can add the effect you want to each image
• Responsive behavior
• Animated caption that is automatically generated from the title tag of the image
• No HTML knowledge required, just add the CSS class on the image
• Possibility to add a link on the image
• Create your own styles using the styling interface
• Integrated with Page Builder CK
• Compatible with Mediabox CK

Using Image Effect CK you don't have to wrap your image with some HTML tag or add any additional code, just set the CSS class and the title on your image and that's all !

How to use it (Pro version)

You can use the Pro version of Image Effect CK to help you to manage your effects. This will add the following features :

• Add a button to your editor which opens a new window to manage your effect
• Get the selected image and apply it the selected effect immediately
• Allows you to add a title into the effect to your image
• Allows you to add a descripion into the effect to your image
• Direct rendering preview into the interface
• Create your custom list of effects into a fast interface, including a direct preview

74 effects preinstalled

You can use any of the 74 effects available with Image Effect CK just by adding the CSS class on your image. This will apply instantly without effort. You can also use the interface of the component to create your own effect, or combine your custom styling to any existing effect. Use them to add an amazing effect to your images.

Integrated with Page Builder CK

You can use Page Builder CK and Image Effect CK together to add amazing effects to your images !

Image Effect CK is directly integrated into the images options in the Page Builder interface.

Custom HTML

You can create your own HTML code to render the image with the effect, you are not limited to an image with a CSS class. If you use the HTML solution, you can adapt the code to your needs and add what you want, like social icons in the caption for example.

Override the effects

Create your own effects ! You can edit the available effect using an override technique, but you can also create your own list of effects. This way you can have custom css classes to use on your images and you can also limit the effect list to your own values.

Create some circles

Turning any image into a perfect circle has never been easier. Add the CSS class effectck-circle for a simple circle or effectck-circle-b for a circle with a border, and that's it !

If you want an animated circle effect, simply choose from one of the 39 effects listed in the demo below.

Create amazing image effects for joomla! - Video

00:08 = Basic usage. Add a CSS class on your image to make it works
01:18 = Editor button. Use the integrated editor button to add the effect on any image easily and quickly
02:08 = Image gallery with Mediabox CK. USe Mediabox CK with Image Effect to create your images gallery in few click using the effect that you want on the images
04:17 = Easy integration with Page Builder CK. Create your content with the page builder for Joomla and insert your images without effort
06:45 = Advanced usage with custom HTML. If you are a designer, just create your own HTML code and add what you want in the image
08:52 = Create your own effects. Use the interface to create your own effect with a direct preview, without limit