Blast-Visual Media

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

'Javascript' articles

Color Picker - plugin jquery

Color Picker jquery plugin - un composant simple pour sélectionner la couleur de la même manière que vous sélectionnez la couleur dans Adobe Photoshop.

Il est facile à mettre en œuvre - joindre le Javascript et les fichiers CSS à votre document et tout ce que vous avez à faire est de sélectionner les éléments dans un JQuery moyen et d'appeler le plugin:

$ ( 'Entrée'). ColorPickerSetColor (options);

color picker jquery plugin

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

PrettyPhoto - un clone de l'album jquery

Une nouvelle version 2.1 de prettyPhoto libérés. Descriptions / Titres maintenant l'appui code html.

L'usage est simple, il suffit d'indiquer la bibliothèque JQuery, prettyPhoto javascript et les CSS prettyPhoto fichier et ajouter l'attribut rel = "prettyPhoto" à n'importe quelle image ou photo que vous souhaitez activer la fonctionnalité prettyPhoto.

Si vous voulez les images pour faire partie d'une galerie, il suffit d'ajouter le nom dans la galerie braket.

Testé et de travail dans Firefox 2-3 (Mac / PC), Safari 3.1.1 (Mac), IE 6-7. Version non - script: 16kb / CSS: 8 ko, comprimé taille - script: 8 ko / CSS: 3.8kb.

prettyphoto jquery lightbox script

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

mooZoom - Zoom in / out images à l'aide de la souris faire défiler

mooZoom est une discrète croix-bowser javascript utilitaire qui vous permet de zoomer une image à l'endroit voulu en utilisant la souris-scroll (+ - pour les contrôles de zoom sera ajouté dans la prochaine version). Testé dans IE, Opera, Firefox, Safari.

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

Météores - ensemble de widgets Javascript et contrôles

Meteora Javascript Widgets - Sur la base de la grande Mootools cadre (version 1.11) et publié sous la license MIT, Meteora est de croix-navigateur Javascript Widgets et contrôles.

Avec Meteora, vous pouvez écrire rapidement riche et personnalisable des applications web sans avoir à perdre du temps à la lecture des pages entières de la documentation ou de programmation javascript excessif qui est douloureux pour déboguer dans tous les navigateurs.

N'oubliez pas de cliquer sur les démos comme: Widget automatique, Bubble Widget, Widget Calendrier, Datagrid Widget, de dialogue Widget, rédacteur en chef Widget, filebrowser Widget, contrôle de formulaire, JsonRpc Core, le menu de Widget et plus encore.

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

jGrowl - JQuery basé notifications

Semblable à la populaire système OS X message appelé cadre Growl, et similaire à la fenêtre Growl (basé Mootools), jGrowl JQuery est un plugin qui fournit un moyen simple pour les développeurs de soulever discrète messages à l'utilisateur final.

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

dwProgressBar - animation Mootools progrès Bars

A personnalisable Mootools barre de progression qui anime la classe à l'pourcentage désiré. Tout ce que vous avez à faire est de créer une instance de la dwProgressBar et passer les options de votre choix.

Mootools Progress Bar

La classe accepte les options suivantes:

  • conteneur: élément que l'ensemble de la barre de progression est placé dans
  • boxID: le IDof la barre de progression contenant la DIV
  • percentageID: l'ID de la barre de progression animée / DIV coulissantes
  • displayID: l'ID de la barre de progression du "(x)%" texte DIV
  • startPercentage: le pourcentage à partir duquel vous souhaitez que la barre de progression pour commencer à (par défaut à 0)
  • displayText: booléen. Voulez-vous que la barre de progression pour afficher le pourcentage en format texte trop?
  • vitesse: vitesse de l'animation à l'pourcentage donné
Digg it Ajouter à Del.icio.us Stumble It | Abonnez-vous au RSS

Diaporama 2 - Une classe javascript pour Mootools 1.2

Diaporama 2 est une libre (open source avec un style MIT license) javascript pour la classe 1,2 à Mootools flux et d'animer la présentation des images sur votre site Web. Un léger, discret, hautement configurable, et extensible - construit en utilisant le javascript cadre avec les meilleurs effets.

Compatible et entièrement testé avec Safari, Internet Explorer 6 et 7, Firefox (Mozilla et ses amis), Opera et Camino.

Fonctions

  • Dégradables et discrète - Diaporama fonctions même avec Javascript désactivé!
  • Nombreuses révisions plus tard ce que le diaporama a perdu dans la minceur, il a gagné en solidité et fonctionnalités:
  • Redimensionnement dynamique - Diaporama peut accueillir n'importe quelle taille présentation.
  • Vignettes - intelligent, le défilement automatique, le suivi, etc
  • Avec toutes les fonctionnalités du contrôleur - complètement de style avec CSS pouvoir.
  • D'animation des légendes - en texte simple ou au format HTML.
  • Entièrement accessible - diaporama peut être contrôlé avec les touches d'accès.
  • Automagic diaporamas - créer des diaporamas à partir des images HTML.
  • Divers options d'hyperliens - Diaporama permet de mashups avec l'album, Slimbox, etc
  • CSS transitions de diapositives - conçu dans les feuilles de style, pas javascript, de permettre une combinaison infinie d'effets (plus de soutien pour toutes les transitions Robert Penner).

Si vous cherchez à télécharger le diaporama, ou pour la documentation, la visite de l'open-source au projet Google Code.

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

ShiftZoom - augmentation de zoom et de panoramique à la fonctionnalité des images surdimensionnées

ShiftZoom 1.0 - vous permet d'ajouter de zoom et de panoramique des fonctionnalités de trop d'images sur vos pages Web. Il emploie discrète javascript pour garder votre propre code.

Il fonctionne dans tous les principaux navigateurs - Mozilla Firefox 1.5 +, Opera 9 +, IE 6 + et Safari. Travaille également sur l'appui de navigateurs plus anciens images / createElement / getElementById, sinon, il va se dégrader et vos visiteurs ne remarqueront pas une chose.

ShiftZoom javascript Pan and Zoom

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

BarackSlideshow - léger Mootools diaporama script

BarackSlideshow - Mootools Un diaporama avec un script simple et belle interface, avec un fade-in, fade-out effet. Inspiré par le diaporama en Barack Obama site Web. Mis en oeuvre par l'extension de MorphList, en ajoutant seulement 30 lignes de code.

Le voir en action ici.

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

jQZoom 2.2 - JQuery outil Zoom Image

jQZoom 2.2 - Image outil Zoom

Un script pratique pour agrandir vos images / photos. Sur la base de JQuery, une alternative libre à JQuery Magic Zoom.

Pour les anciennes version visite jQZoom-jquery plugin / View Demo.

Instructions complètes et mise à jour en jQZoom v2.2 page du projet.

jQZoom image zooming

Un autre exemple:

jQZoom Free jQuery zoom script

Facile à mettre en oeuvre:

  • les jqzoom.css dans votre page
  • et inclure jQzoom code jquery
  • attribuer le "jqzoom" classe à l'image ou les images que vous souhaitez pour l'agrandir
  • Charge le plug-in à la fenêtre de charge
  • de spécifier les options

Apprécier!

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

6 7 8 9 10 » Page 5 de 10 «1 2 3 4 5 6 7 8 9 10»

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