WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Ads

Ad: Bluehost hosting

Cet outil crée styles et d'effets pour les images de n'importe quel site web en utilisant seulement CSS3 et Javascript ( jQuery) impressionnants.Il supporte de nombreux styles et effets dont la plupart d'entre eux peuvent être combinées. Les combinaisons sont des centaines !

Utilisation de l'éditeur, vous pouvez facilement composer et tester vos styles. Ensuite, vous exportez les fichiers contenant le code qui produit ces styles et les inclure dans votre site web. Enfin, vous appliquez les styles pour les images en ajoutant simplement à leur nom correct de classe CSS .

Styles et effets pris en charge

Les styles et les effets suivants sont pris en charge. La plupart d'entre eux peuvent être combinés, mais il ya certains d'entre eux qui ne peuvent pas travailler ensemble. Alors, activez votre étape par étape des styles et tester à chaque fois si le résultat est agréable et si elle fonctionne correctement .

  • Frontière
  • Découpe
  • Frisés coins
  • Double esquissées
  • En relief
  • Légende externe
  • Flotter
  • Encadrée
  • Recouvrement brillant
  • Glowing
  • Courbe horizontale
  • Légende interne . . Corners levée
  • Marge
  • Opacité
  • Perspective
  • Pop
  • Élevé Box
  • Réflexion
  • tour
  • Coins arrondis
  • Image ronde
  • Ombre
  • Secouez
  • Taille
  • Coulissant
  • Légende
  • Bande
  • Info-bulle
  • Courbe verticale
  • Transition

Cet outil comprend 18 styles / effets qui peuvent être utilisés par vous préfabriqués .

Comment cela fonctionne

Cet outil inclut un éditeur qui vous permet de créer et de tester des styles d'image et les effets que vous désirez.Cet éditeur vous éviter d'avoir des connaissances en programmation. Ci-dessous vous pouvez voir deux captures d'écran de l'éditeur.

III III II . II

La combinaison de styles et effets former une «vue» .Vous pouvez créer autant de vues que vous voulez. Chaque vue peut être appliqué aux images de votre site web . Le nom de la vue est le nom de la classe CSS qui sera ajouté à l'image afin d'être stylisée.

Une fois que vous avez terminé avec les points de vue, l'éditeur crée un deux fichiers JavaScript qui sera inclus dans votre site web fichier et CSS. ( Si votre site ne se charge pas jQuery, vous pourrez également obtenir le fichier jQuery à partir de l'éditeur. ) Ensuite, vous appliquez les styles créés à vos images en utilisant l'attribut class de chaque image. Comme dit précédemment, le nom de la vue est le nom de la classe CSS qui sera ajouté à l'image. Par exemple, le code HTML de l'image<img src="images/project.jpg">sera fait<img src="images/project.jpg" class="my-style-1">.

Aucune connaissance en programmation avancée est nécessaire, seulement HTML simple . Vous avez seulement besoin d'être prudent lorsque vous incluez les fichiers nécessaires pour votre site web, mais il existe des documents d'aide à ce sujet.

Que cet outil comprend

Téléchargement de cet outil, vous recevez un fichier zip ( 775 Ko ) contenant uniquement les types de fichiers courants (html, css, js, jpg, png et txt) . Parmi ces fichiers celles que vous allez utiliser sont les suivants

  • editor.html: Il s'agit du fichier principal . C'est l'éditeur qui crée les styles et les effets pour les images.
  • help.html: Aide de la documentation sur la façon d'utiliser l'éditeur et la façon d'appliquer les styles et effets aux images de votre site web.
  • demos.html: Une collection de styles et d'effets prêts à l'emploi juste pour montrer les capacités de cet outil. Aussi, vous pouvez les utiliser dans votre site web.
  • demos.txt: Sauvés données des styles de démo et des effets pour les charger dans l'éditeur et les modifier ou les utiliser directement.

En outre, les éléments suivants seront inclus dans votre site web.

  • cisae.js: Fichier déjà créé et prêt à être utilisé .
  • cisae.css: Sera créé par l'éditeur.
  • Code Javacscript: Quelques lignes de code Javascript qui seront créés par l'éditeur.

Attention

  • Les styles et effets ne peuvent pas être appliqués aux images sur lesquelles d'autres styles CSS complexes sont appliquées ou le code Javascript les manipule .
  • Vous ne pouvez pas appliquer plus d'une vue de la même image.
  • Cet outil peut travailler avec Joomla et WordPress .

Trial

La version d'essai complète image Styles et effets ne supporte pas tous les styles et effets, mais seulement quelques-uns d' entre eux . Sauf que cette limitation, le reste de l'outil fonctionne normalement, de sorte que vous pouvez faire un test réel de celui-ci et assurez-vous qu'il convient à vos besoins .

Téléchargez la démo

Plus d'informations sur cet outil


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
22 Octobre 12

Dernière mise à jour:
25 Octobre 12

Version du logiciel:
jQuery , les fichiers inclus

Mots-clés