Sélectionner une page


Effet d'image Lettrage réactif Joomla

Picture Effect CK ajoutera de jolis effets à vos images. Vous pouvez contrôler l’effet à afficher en ajoutant une classe CSS à une image sur votre site Web. La légende est automatiquement créée à partir de la balise de titre de l’image.

Propriétés

Vous pouvez ajouter l’effet de votre choix sur n’importe quelle image de votre site Web. Vous pouvez choisir différents effets sur la même page.

  • S’applique à chaque image de la page
  • Vous pouvez ajouter l’effet que vous voulez à n’importe quelle image
  • Réactivité
  • Légende animée générée automatiquement à partir de la balise de titre de l’image
  • Aucune connaissance HTML requise, ajoutez simplement la classe CSS à l’image
  • Possibilité d’ajouter un lien vers l’image
  • Créez vos propres styles avec Paramètres CK de l’effet d’image
  • Intégré à Page Builder CK
  • Compatible avec Mediabox CK

Avec Image Effect CK, il n’est pas nécessaire de placer votre image dans une balise HTML ou d’ajouter du code supplémentaire. Définissez simplement la classe CSS et le titre sur votre image et c’est tout !

Télécharger Image Effect CK

Effets d'image faciles à utiliser

Facile à utiliser

Aucun codage requis, pas besoin de s’inquiéter du code. Ajoutez simplement la classe CSS à votre image. Vous pouvez utiliser votre éditeur pour ajouter la classe CSS de l’effet souhaité à n’importe quelle image.

Vous pouvez appliquer n’importe quel effet à n’importe quelle image sans limitation. Vous pouvez l’utiliser dans les articles, mais aussi dans tout le contenu de votre site web.

Comment l’utiliser (sans les paramètres)

Tout ce que vous avez à faire est d’ajouter la classe CSS à votre image. Vous pouvez utiliser votre éditeur s’il peut définir une classe ou modifier le code source pour ajouter manuellement la classe à la balise d’image. La légende est automatiquement créée à partir de la balise de titre de l’image. Exemple de code source d’image:

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

Voir la démo pour une liste des classes et effets disponibles.

Notez que vous pouvez spécifier un titre et une description avec le séparateur « :: » dans la balise title.

Bouton de l’éditeur

Ajouter un effet à vos photos n’a jamais été aussi simple! Utilisez le bouton Image Effect CK de votre éditeur pour ouvrir la fenêtre contextuelle affichant la liste des effets. Cliquez sur l’effet souhaité et vous avez terminé.

Bouton Editeur d'effets d'image

Comment l’utiliser (avec Paramètres CK de l’effet d’image)

Vous pouvez télécharger le plugin Image Effect CK Params pour gérer vos effets. Ceci est un addon au plugin principal Image Effect CK qui présente les caractéristiques suivantes:

  • Ajoutez un bouton à votre éditeur qui ouvrira une nouvelle fenêtre pour gérer votre effet
  • Obtenez l’image sélectionnée et appliquez instantanément l’effet sélectionné
  • Vous permet d’ajouter un titre à l’effet sur votre image
  • Vous permet d’ajouter une description de l’effet de votre image
  • Aperçu du rendu direct dans l’interface utilisateur
  • Créez votre liste d’effets personnalisés dans une interface rapide, y compris des aperçus sur place

Bouton de l’éditeur

Éditeur de bouton d'effet d'image

Fenêtre contextuelle d’édition

Capture d'écran Popup Edition

Télécharger les paramètres CK d’effet d’image

27 effets préinstallés

Vous pouvez utiliser l’un des 27 effets disponibles avec Image Effect CK en ajoutant simplement la classe CSS à votre image. Ceci est appliqué immédiatement sans effort. Vous pouvez également utiliser l’interface utilisateur du composant pour créer votre propre effet ou combiner votre style personnalisé avec un effet existant. Utilisez-les pour ajouter un effet incroyable à vos images.

Voir les effets

Plusieurs effets d'image disponibles
Fusion Page Builder et effet d'image

Intégré à Page Builder CK

Vous pouvez utiliser Générateur de pages CK et Image Effect CK ensemble pour ajouter des effets étonnants à vos photos!

Image Effect CK est intégré directement dans les options d’image dans l’interface de Page Builder.

continuer la lecture

HTML personnalisé

Vous pouvez créer votre propre HTML pour rendre l’image avec l’effet. Vous n’êtes pas limité à une image avec une classe CSS. Si vous utilisez la solution HTML, vous pouvez adapter le code à vos besoins et ajouter ce que vous voulez, par exemple: B. Symboles sociaux dans l’étiquette.

continuer la lecture

Effets d'image HTML personnalisés
Écraser les effets d'image

Écraser les effets

Créez vos propres effets! Vous pouvez modifier l’effet disponible à l’aide d’une technique de remplacement, mais vous pouvez également créer votre propre liste d’effets. Cela vous permet d’utiliser des classes CSS personnalisées pour vos images et de limiter la liste d’effets à vos propres valeurs.

continuer la lecture

Créez des effets d’image incroyables pour Joomla! – Vidéo

Vidéo avec effet d'image

Chronologie de la vidéo:

00:08 = Utilisation de base. Ajoutez une classe CSS à votre image pour la faire fonctionner
01:18 = Bouton de l’éditeur. Utilisez le bouton de l’éditeur intégré pour appliquer facilement et rapidement l’effet à n’importe quelle image
08/02 = Galerie d’images avec Mediabox CK. Utilisez Mediabox CK avec effet d’image pour créer votre galerie d’images en quelques clics avec l’effet souhaité sur les images
04:17 = Intégration facile avec Page Builder CK. Créez votre contenu avec Page Builder pour Joomla et insérez vos images sans effort
06:45 = Utilisation avancée avec HTML personnalisé. Si vous êtes un concepteur, créez simplement votre propre HTML et ajoutez ce que vous voulez à l’image
08:52 = Créez vos propres effets. Utilisez l’interface pour créer votre propre effet avec un aperçu sur place sans limitation

démo

Effet d'image réactif Joomla

Effet lis

Effet d'image réactif Joomla

effetck-oscar

Effet d'image réactif Joomla

Effectck-Sadie

Effet d'image réactif Joomla

Effet miel

Effet d'image réactif Joomla

effetck-layla

Effet d'image réactif Joomla

Effectck-Zoe

Effet d'image réactif Joomla

Effectck-Marley

Effet d'image réactif Joomla

Rubis Effectck

Effet d'image réactif Joomla

effetck-roxy

Effet d'image réactif Joomla

Effectck-Bubba

Effet d'image réactif Joomla

effetck-romeo

Effet d'image réactif Joomla

Effectck Dexter

Effet d'image réactif Joomla

Effectck-Sarah

Effet d'image réactif Joomla

effetck-chico

Effet d'image réactif Joomla

effetck-milo

Effet d'image réactif Joomla

Effectck-Julia

Effet d'image réactif Joomla

Effectck-Goliath

Effet d'image réactif Joomla

Effectck-Selena

Effet d'image réactif Joomla

Effectck Apollo

Effet d'image réactif Joomla

Effectck-Steve

Effet d'image réactif Joomla

Effectck-Moïse

Effet d'image réactif Joomla

Effetck jazz

Effet d'image réactif Joomla

Effet ming

Effet d'image réactif Joomla

Effectck Duke

Effet d'image réactif Joomla

Fadeck

Effet d'image réactif Joomla

Edafck

Effet d'image réactif Joomla

Puffck

Effet d'image réactif Joomla

Effectck flip gauche

Effet d'image réactif Joomla

Effetck-Flip-Right

Effet d'image réactif Joomla

Haut à bascule Effectck

Effet d'image réactif Joomla

Effetck bascule

Version dépouillée

27 effets préinstallés

Intégré à Page Builder CK

Remplacement CSS

Compatible avec Mediabox CK

Éditeur de boutons

Liste d’effets personnalisés

Surface de style / design

Préférences

Support du forum

Utiliser sur plusieurs domaines

Mises à jour d’un an

LIBRE

Version Pro

27 effets préinstallés

Intégré à Page Builder CK

Remplacement CSS

Compatible avec Mediabox CK

Éditeur de boutons

Liste d’effets personnalisés

Surface de style / design

Préférences

Support du forum

Utiliser sur plusieurs domaines

Mises à jour d’un an

19 €

Votez pour l’effet d’image CK dans JED

Lire la documentation

Notes de version (cliquez pour afficher):

VERSION 2.3.0 – 01/02/21

  • Ajouter la compatibilité avec Joomla 4
  • Ajouter la compatibilité avec PHP 8

VERSION 2.2.10 – 15/09/20

  • Ajouter la compatibilité avec la mise à jour vigilante

VERSION 2.2.9 – 28/04/20

  • Correction d’un problème de hauteur d’image lors de l’utilisation de Mediabox CK en mode galerie

VERSION 2.2.8 – 14/04/20

  • Améliorez le CSS pour rendre les effets de retournement compatibles avec Mediabox CK et Page Builder CK

VERSION 2.2.7 – 08/04/20

  • Ajouter des effets: flip gauche, flip droit, flip haut, flip bas

VERSION 2.2.6 – 10/02/20

  • Correction d’un problème où la table SQL n’était pas créée correctement

VERSION 2.2.5 – 01/02/20

  • Correction d’un problème avec la numérotation des versions qui diffère du plugin

VERSION 2.1.1 – 13/11/19

  • Correction d’un problème avec Mediabox CK sur les appareils mobiles
  • Créer des versions Light / Pro et supprimer des paramètres

VERSION 2.1.0 – 10/02/19

  • Ajouter une nouvelle fonction pour sélectionner un effet existant à utiliser avec les styles personnalisés
  • Ajouter un message si le plugin système est manquant

VERSION 2.0.4 – 18/11/18

  • Améliorez le CSS pour plus de flexibilité et travaillez avec le module complémentaire Galerie de Page Builder CK

VERSION 2.0.3 – 11/06/18

  • Correction d’un problème où la page d’administration du composant ne se chargeait pas

VERSION 2.0.2 – 01/03/18

  • Correction d’un problème de rendu dans le popup dans l’éditeur
  • Problème résolu avec la disposition des options

VERSION 2.0.1 – 12/04/17

  • Nouvelles options de couleur de superposition d’image
  • Nouvelles options d’effets pour tous les éléments
  • Améliorez le chargement de la liste d’effets personnalisés pour être compatible avec Page Builder CK
  • Ajoutez un wrapper à l’image dans le HTML généré pour de meilleurs effets

VERSION 2.0.0 – 16.10.17

  • Nouvelle version avec une nouvelle surface de style
  • Nouvelle possibilité d’écraser le fichier CSS dans le modèle
  • Nouvelle fonctionnalité pour créer des styles personnalisés avec un fichier JSON et styliser ces styles dans le fichier CSS
  • Nouvelle fonction pour limiter la liste des effets à la liste définie par l’utilisateur



Source link

Recent Posts