image effect joomla responsive caption

Image Effect CK ajoute des effets surprenants à vos images. Vous pouvez choisir parmis plus de 20 effets d'animation. Vous pouvez ainsi animer la légende qui est générée automatiquement à partir de la balise title de l'image.

 



Fonctionnalités

Pour chaque image de votre site Joomla! vous pouvez choisir d'ajouter un effet en ajoutant simplement une classe css sur l'image. Vous pouvez avoir plusieurs effets sur différentes images dans la même page..

  • S'applique à n'importe quelle image du site
  • Vous pouvez avoir plusieurs effets avec plusieurs images
  • Comportement responsive
  • Animation d'une légende automatiquement créée à partir de la balise title de l'image
  • Aucune connaissance en HTML requise, il suffit d'ajouter une classe CSS sur l'image
  • Possibilité d'ajouter un lien sur les images

En utilisant Image Effect CK vous n'avez pas besoin d'ajouter du code HTML dans vos pages, il suffit d'ajouter une classe CSS sur votre image, c'est tout !

 

Comment l'utiliser (sans plugin params)

La seule chose que vous avez à faire c'est d'ajouter la classe CSS à l'image. Utilisez votre éditeur habituel pour ajouter la classe, ou éditez le code source pour avoir un code comme celui-ci après :

<img src="/images/yourimage.jpg" class="effectck-lily" />

Référez-vous à la démo ci-après pour obtenir la liste des classes disponibles.

You can also choose to animate the caption, or not. The caption is automatically created from the title tag of the image, and you must add the 'captionck' class to your image to tell the plugin that you want it to be animated. Example of image source code :

<img src="/images/yourimage.jpg" class="puffck captionck" title="My title::A little description" />

 

Pour définir un titre et une description il faut les écrire dans l'atribut "title" de l'image et les séparer par "::".

 

Comment l'utiliser (avec plugin params)

Vous pouvez télécharger le plugin Image Effect CK Params pour vous aider dans la gestion des effets de vos images. Ce plugin s'installe en complément du plugin principal Image Effect CK et permet d'ajouter des fonctionnalités telles que :

  • Ajout d'un bouton dans l'éditeur qui ouvre une fenêtre de gestion depuis l'éditeur
  • Récupère l'image sélectionnée et lui applique l'effet immédiatement pour un rendu réel
  • Permet d'ajouter un titre à l'image avec l'effet
  • Permet d'ajouter une description à l'image avec l'effet
  • Prévisualisation directe du rendu dans l'interface

Bouton éditeur

imageeffectbutton editor

Fenêtre d'édition

screenshot popup edition

 

Télécharger Image Effect CK Params

 

Démo

Classe "effectck-lily"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-oscar"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-sadie"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-honey"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-layla"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-zoe"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-marley"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-ruby"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-roxy"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-bubba"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-romeo"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-dexter"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-sarah"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-chico"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-milo"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-julia"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-goliath"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-selena"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-apollo"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-steve"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-moses"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-jazz"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-ming"

joomla responsive image effectjoomla responsive image effect

 

Classe "effectck-duke"

joomla responsive image effectjoomla responsive image effect

 

Retrocompatilité avec la Classe "fadeck" (présente dans la version 1 du plugin)

joomla responsive image effectjoomla responsive image effect

 

Retrocompatilité avec la Classe "edafck" (présente dans la version 1 du plugin)

joomla responsive image effectjoomla responsive image effect

 

Retrocompatilité avec la Classe "puffck" (présente dans la version 1 du plugin)

joomla responsive image effectjoomla responsive image effect

 

 

Télécharger le plugin Image Effect CK

Télécharger Image Effect CK Params

 

Notes de version (cliquer pour afficher) :


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

Outil de création rapide, puissant et responsive.

En savoir plus