Blast-Visual Media

Free web ressources pour les concepteurs et les développeurs de sites Web | Icônes gratuites, didacticiels, scripts, Photoshop, CSS

'Javascript' articles

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

Vista-like Ajax Calendrier

Vista-like Ajax Calendar (vlaCalendar) version 2 - léger (compressé 8,50 kB) discrète, la version web de la nappe de Windows Vista calendrier des tâches. Transition sans heurt avec des animations, des fonctionnalités personnalisables, datepicker fonctionnalités et plus.
Vista like Ajax Calendar script

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

MooSlideBox 3.2

MooSlideBox - la nouvelle mooSlide 3.2 est plus facile à utiliser que jamais comme il est devenu un Mootools classe, avec beaucoup d'options que vous pouvez influencer.

Le meilleur de celui-ci: Le curseur peut contenir n'importe quel contenu, si mettre des vidéos, flash, images, texte ou html choses en elle. Vous pouvez aussi avoir plus d'une case sur votre page. En outre, vous pouvez maintenant définir, à partir de la case où devrait voler en: de haut ou de bas.

Script a été testé dans Firefox 2.0.0.14, IE6/IE7, Opera 9.2 et Safari pour Windows.

mootools_slide_box.jpg

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

JavaScript Fading les info-bulles

Fading JavaScript Infobulles - léger (2K) et très facile à utiliser animé tooltip script JavaScript. Il est testé dans Internet Explorer 6 +, Firefox, Opera et Safari. Jetez un coup d'oeil à la page de démonstration.

fading_javascript_tooltip.gif

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

Horizontal javascript accordéon

Horizontal JavaScript Accordéon - Ce versatile 1kb horizontale accordéon script peut être utilisé pour les menus, images, contenu et présentation plus. Le script va automatiquement adapter le nombre d'éléments à l'accordéon et les dimensions de l'accordéon. Testé dans IE6, IE7, Firefox, Opera et Safari.

horizontal_javascript_accordion.jpg

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

Diaporama d'images dynamiques

Un léger JavaScript galerie d'images et diaporama script. Il est testé dans IE6/IE7 de travail, FF, Opera et Safari et libre de l'utiliser en toute personnelle ou de projets commerciaux.

dynamic_image_slideshow1.jpg

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

« 2 3 4 5 6 7 8 9 10 11 » Page 6 de 11 «Première ...« 2 3 4 5 6 7 8 9 10 11 »

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