liteAccordion - a horizontal accordion plugin for jQuery Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.</p> Responsive and WordPress versions available! New! Accordion Pro JS is a responsive version of liteAccordion, with lots of upgrades and new features (vertical accordions!). Download More details and download link for liteAccordion here. Q. A. Q. A. Q. A. Q. A. Q. A. Q. A. liteAccordion is free to use for commercial and personal projects. If you find any bugs, please file a ticket on Github and I'll fix it as soon as possible. Version 2.2 (21/01/13) Responsive layout and auto scale images options removed After some consideration, I've decided to remove the responsive options. Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. New in 2.0! Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activation Custom easing Linkable slides 1. 2.
Set Font Size Based On Word Count In my little Quotes on Design project, some of the quotes are longer than others. I thought it might be kind of nifty to beef up the font-size on the shorter quotes and trim down the size for the longer quotes so they all match a bit better in terms of the size they take up on the screen. Rather than do this with a hard-coded number in each of the quotes, I did it with JavaScript. The Plan Set an object of the paragraph you are targettingSplit the paragraph into an array of words, breaking at every spaceCount the length of the arraySet the font-size based on that count. Doing it with MooTools Doing it with jQuery Examples Quotes on Design is using the jQuery version. Share On Easy Slider 1.5 Click here for the new version of this plugin Version 1.5 of my Easy Slider plugin for jQuery is here. This is one of the my rare scripts that make it to their second version. All of the features here are result of your comments, so if you have more ideas, keep ‘em coming! Note: in case you haven’t already, you might want to check out article about first version of this plugin. Download easySlider1.5.zip Features This version features: auto slidecontinuous sliding"go to first" and "go to last" buttonhiding controlsoptional wrapping markup for control buttons vertical slidingmultiple sliders on one page Here are the things you can customize (with their default values) I will explain new options: controlsShow By default set to true, but if set to false it will not add any controls. controlsBefore and controlsAfter In case you want to add some additional markup to gain more control over buttons you can do so by using these parameters. controlsFade By default set to true. firstShow and lastShow auto
Animated InnerFade Présentation Ce plugin pour jQuery est une extension du travail de Torsten Baldes : InnerFade with JQuery. Nous avons ajouté : un effet de mouvement sur les images à la manière des animations en flash. Cet effet est désactivable. la possibilité de piloter l’affichage : boutons ’précédent’, ’pause’, et suivant’ la possibilité d’afficher une image de fond au besoin pour habiller l’ensemble et se caler sur le design l’affichage des titres des images (dans une zone modifiable via les css) Exemple 1 : un portfolio Dans la section HEAD : Dans la section BODY : Comme avec le plugin Innerfade original, vous devez constituer dans votre page, la liste des images de votre diaporama : vérifiez dans vos feuilles de style que margin et padding sont à 0, insérez éventuellement les lignes : Exemple 2 : vues panoramiques Dans le CSS : Dans cet exemple, nous avons paramétré l’affichage de la zone de titre dans notre CSS, de la façon suivante : ainsi que : Utilisation Téléchargement jquery.animated.innerfade.zip
jQuery plugin: Tooltip The jQuery Tooltip plugin let’s you transform native tooltip’s into customizable overlays. You can adjust their content, position and appearance. Since this plugin wasn’t updated in a long time, I recommend the jQuery UI Tooltip widget. I wrote that, too. Current version: 1.3Compressed filesize: 3910 bytesLicense: MIT/GPL Files: DownloadChangelogDemosDocumentation Dependencies Required jQuery 1.2.x+ (for 1.9.x, you need the jQuery Migrate plugin) Optional optional: bgiframe plugin to fix select-problems in IE, just include to apply to tooltip Support Please post questions to the official Using jQuery Plugins Forum, tagging your question with (at least) “tooltip”. Donate kswedberg/jquery-carousel-lite - GitHub