Blast-Visual Media

Free web ressources pour les concepteurs et les développeurs de sites Web | Tutoriels, Scripts, Graphics, Photoshop, CSS

'Javascript' articles

Galleriffic - un Plugin JQuery pour une exécution rapide des Galeries Photos

Galleriffic jquery plugin a été inspiré par Mike Alsup du cycle de plugin, mais avec des performances à l'esprit de la prestation d'un grand volume de photos.

Galleriffic - jquery slideshow plugin

Caractéristiques de Galleriffic plugin:

  • Smart Image précontrainte après la page est chargée
  • Vignette de navigation (avec pagination
  • Bookmark convivial URL
  • Diaporama (avec mise à jour automatique d'url signets)
  • Image fade transitions
  • Facultatif le lien pour télécharger l'image originale
  • Configuration souple
  • Graceful dégradation quand javascript n'est pas disponible

Vous pouvez initialiser la galerie en appelant la fonction init galleriffic, en passant contenant les vignettes et d'un sélecteur d'options.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Digg style formulaire d'inscription avec JQuery

Tutoriel sur la création d'un Digg-like formulaire d'inscription avec des caractéristiques uniques telles que leur dynamique que les info-bulles vous donner un indice sur chaque domaine qui doit être rempli, avec juste quelques lignes de code JQuery. La même approche sera adoptée pour l'affichage des messages de validation.

View Demo

Digg-like signup form

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

JQuery Menu - Image d'arrière-plan Animations

L'aide de JQuery Image d'arrière-plan pour Animations - Excellent article sur la manière de créer facilement des menus animés en utilisant JQuery et background-position plugin.

Jetez un coup d'oeil à la page de démo avec quatre animations.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Formulaire de validation XHTML, CSS et jquery

Découvrez comment ajouter configurable forme de validation et de messages d'erreur personnalisés à l'aide du formulaire original jquery plugin de validation, ainsi que d'un couple de HTML et CSS astuces pour rendre votre forme plus robuste.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

CrossSlide jquery plugin - Créer une image cross-fade, de glisser, de panoramique et de zoom diaporama animations

CrossSlide JQuery est un plugin qui met en oeuvre en commun Javascript certains slide-show animations, traditionnellement seulement à la disposition du développeur web via Adobe Flash ou d'autres plugins. CrossSlide s'appuie sur l'animation JQuery installation, il est aussi portable à travers les navigateurs jquery que lui-même.

CrossSlide peut faire quelques choses différentes, Static-cross fade, Slide + cross-fade et effet Ken Burns: panning, le zoom et la décoloration à des points précis.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Agile carrousel - carrousel plugin jquery

Agile Carousel - un JQuery plugin qui vous permet de créer un carrousel avec des paramètres souples.

Consultez Agile Carousel exemples, plein de fonctionnalités, y compris par exemple tous les boutons disponibles tels que les précédents, ensuite, de jouer, d'abord, la dernière, par le vol stationnaire de diapositives et de boutons. Vous pouvez utiliser n'importe quelle interface utilisateur JQuery assouplissement type et la plupart des effets, mis en place durée de transition, effet de transition, afficher / masquer les sous-titres de diapositives, des boutons, faites-le glisser nombre, et beaucoup plus.

Agile carousel - jquery plugin

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

jquery zone de navigation par onglets

JQuery zone de navigation par onglets - Tutoriel sur la façon de facilement créer un système de navigation par onglets qui fonctionne dans tous les principaux navigateurs utilisant CSS et JQuery.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Jcrop - JQuery Crop Image Plugin

Jcrop - un moyen facile et rapide d'ajouter une image de culture fonctionnalité à votre application Web. Il allie la facilité d'usage typique d'un plugin jquery avec un puissant multi-plate-formes de culture DHTML moteur.

Caractéristiques:

  • Attache tout simplement à l'image dans votre page HTML
  • Soutient le ratio d'aspect de verrouillage
  • Rappels de sélection fait, ou en mouvement
  • Le clavier pour pousser la sélection
  • Soutien de style CSS
  • Advanced API y compris l'appui de l'animation

Testé dans Firefox 3, Safari 3, Opera 9.5, Google Chrome 0.2.X, Internet Explorer 6 +

Notice détaillée Jcrop info à Jcrop Manuel / Jcrop exemples à Jcrop Démos et exemples

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

asmSelect - sélectionner plusieurs champs de formulaire

asmSelect - un plugin jquery que remplacer une horrible écran plein de cases à cocher.

N ° Ctrl / Cmd-clic est nécessaire de sélectionner plusieurs éléments, et cliquez sur un accident n'est pas destructrice. Vous ajoutez ou supprimez des éléments un par un. Seul le déjà-éléments sélectionnés occupent l'écran l'immobilier, comme ils le devraient. A supprimer lien est inclus avec chaque élément sélectionné, ce qui élimine l'ambiguïté.

Le sélectionner plusieurs peuvent accueillir un grand nombre de choix de points sans prendre beaucoup de l'écran. Il l'usage est souhaitable si l'on considère que cela peut remplacer un vilain écran plein de cases à cocher. Il est également facile à travailler pour le promoteur, en ce que le balisage est presque identique à celle d'un ordinaire sélectionner.

L'article connexe / Exemple 1 Exemple 2

Quand une option a été sélectionnée, il ne soit plus long apparaît dans la liste des options, ou il est désactivé (grisé et non sélectionnable). Si l'utilisateur supprime de leurs éléments sélectionnés, puis il remonte naturellement dans la liste des options disponibles.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Uvumi Mootools Plugins - Menu déroulant, Menu du Dock, Galerie d'images et plus

UvumiTools 6 Free Mootools plugins.

Mootools Menu du Dock

Le UvumiTools DockMenu reproduit dock Mac OS, vous pouvez construire ce menu avec un simple élément <ul>, où chaque <li> représente un élément de menu. L'ensemble est dégradable, construit à partir de la norme HTML, et est croix-cross-browser compatible.

MooTools dock menu plugin

Menu déroulant

Un très simple multi-niveau menu construit à partir d'une liste HTML unorderd, un simple et léger menu qui peut être facilement mis à jour par simple modification d'un élément HTML <ul>. C'est la Croix-navigateur compatible avec cutomizable et CSS.

MooTools drop down menu

Galerie Plugin

Affichage de fantaisie galeries de photos sur votre site Web sans vous obligeant à être un maître programmeur. Tout ce que vous avez à faire est d'inclure un couple de JavaScript et des fichiers CSS.

Tout d'abord, les vignettes sont chargés. Les utilisateurs peuvent cliquer sur une vignette et à regarder la galerie de se transformer en un diaporama, qui est ensuite navigué en cliquant sur la colonne de gauche ou en faisant défiler avec la roulette de la souris.

MooTools image gallery plugin

3 de plus de UvumiTools: UvumiTools l'image des cultures, Textarea Plugin et Scrollbar Plugin.

Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

2 3 4 5 6 7 8 9 » Page 1 sur 9 1 2 3 4 5 6 7 8 9 »

Traductions

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag