jSprouts is a creative slider with gorgeous and innovative animations. Thumbnails are shown on mouseover surrounding the slider. jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.
Archive for 2013
balloon.js : jQuery plugin to add Balloon Tips
A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images.
Features:
- Edge of balloon tip is placed on optimized position.
- Can be styled by both script and css.
- Fast even if the page has many balloons, because only add event handler when the document is ready.
- Any HTML and jQuery object as contents.
- User-friendly API.
- Fine-tunable position, animations and some effects.
- Adjust position and size when the window size is changed.
FbAlbumPreview jQuery Plugin
Today I want to share with you a jQuery plugin that I made. This jQuery plugin will enable your users to preview your web albums instantly. My inspiration here is the Facebook albums, if you have a Facebook account (I’m sure you have, haha!) and wanted to view the list of albums, you can experience this functionality:
w2ui : jQuery UI Library
The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.
Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.
jQuery Contact Tabs Plugin
A jQuery form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation.
Both “light” and “dark” skins available. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.
Features:
- Create custom forms with 12 different form elements
- Submit form via AJAX
- Display either using slide out tabs or static tabs in your page content.
- Fully flexible positioning.
- Position sliding tabs relative to browser window or within the page content.
- Includes validation options for form input
- Includes both light & dark skins
- Includes sample PHP file for sending email via PHP mail or SMTP (using PHP SMTPClient class)
- Option to load open for slide out tabs.
- Control order of tabs & select default tab on page load.
- Show/hide slide out tabs or change active contact tab using external links.
Google Maps Events
“Google Maps Events” is a nice way for show locations info when click on map’s markers. The script using XML files for show the information for each location. You can show the information in an accordion menu, in tabs menu, as modal window or in a simple div in any area of your pages! You can add the location coordinates in XML file or get the coordinates by address (geocoding)! The script coming with 24 demos and a useful tool for find the coordinates by address!
Features:
- Edit a XML file for set your information and map settings
- You can using coordinates or address for set the markers on map
- Show the location’s info in accordion, tabs, modal window or simple div
- Show polylines, directions or just the markers on map
- Styling polylines and directions lines (color, opacity, symbols like arrows etc)
- You can use different markers (icons and dimensions) for each location in the same map
- Editable tooltip when you put the mouse over a marker
- Nice scrollbars for tabs and text (when are bigger than div’s height)
- Complete documentation with step by step instructions
- You can change the style very easy with simple CSS
