image effect joomla responsive caption

Image Effect CK adds some nice effects to your images. You can control which effect to show by adding a css class to any image of your website. The caption is automatically created from the title tag of the image.

 

 

 

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

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 (without the params plugin)

The only thing you have to do is to add the CSS class on your image. You can use your editor is it has the ability to set a class, or edit the source code to add the class manually to the image tag. The caption is automatically created from the title tag of the image. Example of image source code :

<img src="/images/yourimage.jpg" class="effectck-lily" title="My title::A little description" />

See the demo for the list of available classes and efects.

Note that you can set a title and desciption using the separator "::" into the title tag.

 

Comment l'utiliser (with the params plugin)

You can download the plugin Image Effect CK Params to help you to manage your effects. This will be an addon to the main Image Effect CK plugin with 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

Editor button

imageeffectbutton editor

Edition popup

screenshot popup edition

Download Image Effect CK Params

 

Demo

Class "effectck-lily"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-oscar"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-sadie"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-honey"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-layla"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-zoe"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-marley"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-ruby"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-roxy"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-bubba"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-romeo"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-dexter"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-sarah"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-chico"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-milo"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-julia"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-goliath"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-selena"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-apollo"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-steve"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-moses"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-jazz"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-ming"

joomla responsive image effectjoomla responsive image effect

 

Class "effectck-duke"

joomla responsive image effectjoomla responsive image effect

 

Retrocompatility with the class "fadeck" (that was in the version 1 of the plugin)

joomla responsive image effectjoomla responsive image effect

 

Retrocompatility with the class "edafck" (that was in the version 1 of the plugin)

joomla responsive image effectjoomla responsive image effect

 

Retrocompatility with the class "puffck" (that was in the version 1 of the plugin)

joomla responsive image effectjoomla responsive image effect

 

 

Download the plugin Image Effect CK

Download Image Effect CK Params

 

Release notes (click to show) :


VERSION 2.1.1 - 17/07/17
  • [Params] Add effects fadeck, edafck, and puffck in the list of the editor button and compatiblity with the css classes
VERSION 2.1.0 - 22/05/17
  • Add mobilde touch catching, 1st tap to show the effect, 2nd tap to redirect the link
  • Improve JS and dissociate from the jQuery instance
VERSION 2.0.8 - 25/04/17
  • Fix issue with frontend edition
VERSION 2.0.7 - 18/05/16
  • Add an helper to allow other extensions to get the Image Effect CK list (example of integration with Mediabox CK)
VERSION 2.0.6 - 22/03/16
  • Rename the PHP Class constructor to be compatible PHP7
VERSION 2.0.5 - 04/02/16
  • Fix issue with images dimensions
  • Add support for images border-radius styles
VERSION 2.0.4 - 30/08/15
  • Fix issue with images

Fast and powerful creation, customizable and responsive.

Read More