logo maximenuck 64Maximenu CK

Maximenu CK permet de créer un megamenu déroulant avancé.

logo slideshowck joomlaSlideshow CK

Slideshow CK, de superbes effets avec ce slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK est un menu accordeon avec des effets mootools.

logo template creator joomlaTemplate Creator CK

Template Creator CK vous permet de créer vos propres templates Joomla!.

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

Mentions légales

Site réalisé par Cédric KEIFLIN - Copyright © 2010 - 2013

Mentions légales - Licence GNU/GPL - Conditions générales de vente

http://www.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux.
Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.