Archives pour ‘ Infobulles ’

3 scripts Prototype : Lightview, Starbox et Prototip 2.0 02 June 2008 à 12:05 am par myrmex

lightview, lightbox prototype
Ligthview est une “lightbox” qui permet d’afficher un pop-up central avec l’image à montrer. Il existe une quantité assez impressionnante de ce type de script… qu’apporte Lightview ?
Lightview, en plus de permettre d’afficher vos images sous la forme d’une lightbox, permet également d’afficher un défilement d’images, des vidéos QuickTime, les animations SWF (Flash), un formulaire Ajax, un iFrame etc.
Pour finir, ce script est très simple à installer, offre une navigation avec le clavier et un redimensionnement automatique du pop-up en fonction de la taille de l’image

starbox, script prototype
Starbox vous permet de créer facilement un “star-raters”, système permettant aux visiteurs de laisser une note en cliquant sur des petites étoiles indiquant le degré de satisfaction.
Toutefois, mettre en place ce genre de système n’est pas si aisé ! Starbox, vous propose de placer un système de notation sur votre site Internet en insérant le framework Prototype, scriptaculous (pour les effets) et le fichier starbox.js.
Vous trouverez dans l’archive téléchargeable des images qui répondront à vos besoins…

Prototip2, infobulle avec prototype
Prototip 2.0 est une classe JavaScript qui s’appuie sur prototype.js et script.aculo.us et qui permet de faire différentes infobulles… Impressionnant script qui permet l’affichage d’infobulles “design” et en ajoutant quelques effets. Vous pouvez même insérer du code HTML dans l’infobulle avec mise en page, lien etc. Essayez les démos pour vous convaincre de l’efficacité de ce script !

Site Internet : Nickstakenburg.com
Licence : Creative Commons Attribution-Noncommercial-No Derivative Works License (de 3 à 300 US$).

> Taggify, tooltip pour vos images par myrmex 08 February 2008 a 4:34 am et a Aucun commentaire

Taggify est un widget Web qui permet aux créateur web d’ajouter des infobulles (ou tooltip) visuelles à leurs images. Le contenu du tooltip s’affiche au passage de la souris. Le tooltip peut être agrémenté d’un titre, d’une description et d’une petite photo. Taggify est aussi une région cliquable et un lien pour renvoyer sur une URL précise peut être également programmé.

taggify, free tooltip

Site Internet : Taggify
Licence : Gratuit

> Prototip, plus que de simples bulles d’aide… par myrmex 19 November 2007 a 1:50 am et a Aucun commentaire

Prototip vous permet de créer facilement des bulles d’aide simples ou complexes, avec texte seul et/ou image. Prototip requière le framework Prototype. Si vous utilisez aussi Scriptaculous, vous pouvez même leur ajouter des effets visuels.

Vous pouvez créer facilement des bulles d’aide fixes avec des effets de fondu. Vous pouvez également définir où s’afficheront dans votre fenêtre Internet les bulles d’aide.

Bulle d'aide css

Coté programmation, depuis la sortie de la version 1.6, Prototip a été complément ré écrit et a vu naître plusieurs fonctionnalités : gestion des clicks de la souris, ouverture/fermeture des bulles d’aide, la possibilité de personnaliser vos infobulles avec la prise en charge du CSS… 

Site Internet : Prototip
Licence : Creative Commons

> Infos Bulle CoolTips par myrmex 27 September 2007 a 3:40 am et a Aucun commentaire

Infos Bulle WildBitCoolTips est un JavaScript «discret» (”unobtrusive JavaScript”) et léger qui vient en remplacement des infos bulle de vos navigateurs Internet.
CoolTips est une classe OO basée sur les framework  Prototype JS et script.aculo.us.
Vous pouvez personnaliser l’apparence de vos infos bulle soit par codes ou par CSS.
Petit plus, vous pouvez afficher vos infos bulle avec un effet de fondu très sympa. 

Infos Bulle CoolTips

Site Internet : WildBit Lab
Licence : MIT