background preloader

Roundabout for jQuery by Fred LeBlanc

Roundabout for jQuery by Fred LeBlanc
Related:  sliders

37 More Shocking jQuery Plugins Apr 09 2008 It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : So let’s get started and don’t forget to subscribe to our RSS-Feed to keep track on our next post. jQuery Sliders 1) Slider Gallery- A similar effect used to showcase the products on the Apple web site. Live Demo: Here 2) Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo: Here jQuery Manipulating Images 3) crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Live Demo Of Crop: HereLive Demo of LabelOver: Here Live Demo Of Crop: Here Live Demo: Here jQuery Navigation Menus jQuery Accordions jQuery Image Viewer

45+ Best jQuery Carousel Plugins In web design, a jQuery carousel is an element giving visitors easy and visible access to several content items. It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items, consisting of HTML content, images, videos etc. can be scrolled back and forth (with or without animated transitions). Using sliding horizontal panels, known, as Carousels and Sliders, to feature top content, is one of the strongest web design trends over the last couple of years. It is a very effective method to increase the web site usability and engage the user. The reason for this trend is mainly the arrival of jQuery that have made it almost a “walk in the park” to add a jQuery carousel or a jQuery image slider plugin to a web site. Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). Advertisement JCoverflip – MORE INFO / DEMO

DoubleDollar - JavaScript Application Framework Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite News Ticker is a fantastic way to present headlines or minor updates to your readers. The smooth scrolling effect will attract your readers and generate more clicks to your site. I am writing this tutorial as there are readers ask about this after they read my tutorial about content slider. There are a lot of great tutorials discussing on how to implement news ticker, however most of the tutorials that i found are not really suitable for a beginner. So, i decided to use jQuery and its plugin jCarousel Lite to create a simple yet powerful news ticker. Why i choose jCarousel Lite? Let’s start to create our news ticker using jCarousel Lite. Step 1 Let’s create a blank index.htm file, and include jQuery and jCarousel Lite. Step 2 In the same document, create a <div> and name it as “newsticker-demo”. Step 3 In the “newsticker-jcarousellite” <div>, create an <ul> element. Step 4 After you created your <li> element, it is the time for us to configure the jCarousel. Step 5 Finish! That’s all!

20 Free jQuery Carousel Plugins 20 Free jQuery Carousel Plugins Details Category: Webdev Hits: 2773 jQuery carousel is an scrolling list of items in horizontal to creating carousel-like slideshows that will giving your readers easy access to several content items using arrow indicators or simply view the showcase in auto-play. bxSlider - jQuery HTML Content Slider The bxSlider is one of best jQuery HTML content slider carousels available online today. CarouFredSel – Flexible and Powerful jQuery Carousel Plugin jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. {ads2} Circular Content Carousel with jQuery Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Cloud Carousel – a 3D Carousel in Javascript The carousel features realistic perspective. Cloud Carousel – 3D Carousel in Javascript Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Roundabout

Underscore.js jQZoom Evolution| siti web,siti internet Macerata,siti internet Ancona JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want. Works on all modern browsers: - 2011.05.03: jQzoom Evolution 2.3 released Installation Upload all files and directories from the jQzoom package to your server.The current package includes the JS,CSS,IMAGES folders. Add first the last jQuery release, then the jQZoom script(don't forget this),the correct order is important.Look at the installation code below. Add jqzoom.css to your header. How to use Using jQZoom is easy,but you need to specify the HTML anchor element,that is going to generate the zoom revealing a portion of the enlarged image. The anchor element wraps the small image you would like to zoom.Following this schema the necessary and base elements are: SMALLIMAGE.JPG: Represents the small image you would like to zoom. Now load the plugin at window load. $(document).ready(function(){ $('.MYCLASS').jqzoom(); });

WOW Slider : jQuery слайдер и карусель изображений Automatic timezone detection using JavaScript MIT licensed, maintained as: jsTimezoneDetect How do I use jsTimezoneDetect? This script gives you the zone info key representing your device's time zone setting. The return value is an IANA zone info key (aka the Olson time zone database). The IANA timezone database is pretty much standard for most platforms (UNIX and Mac support it natively, and every programming language in the world either has native support or well maintained libraries that support it). Example usage There is a minified version in the repo called `jstz.min.js`. Invoke the script by calling > var timezone = jstz.determine();> timezone.name(); "Europe/Berlin" Use Case The script is useful if you do not want to disturb your users with questions about what time zone they are in. Limitations This script does not do geo-location, nor does it care very much about historical time zones. So if you are unhappy with the time zone "Europe/Berlin" when the user is in fact in "Europe/Stockholm" - this script is not for you. Bug?

25+ jQuery Plugins that enhance and beautify HTML form elements Introduction This article will cover the following elements: Advertisement Form Skinning Frustrated with the form elements inconsistency among different browsers? Form Validation It's always good to have client side form validation. Masking Masking can help to avoid human mistake. File Uploader These file uploader transform the orginal input file element into a more robust file uploader that able to upload multiple files and having a progress bar to indicate the upload progress. Checkbox & Radio Button Spice it up your checkbox and radio button with these jQuery plugins! Spin Button & Slider Spin button can be useful sometimes. Auto Complete You must have seen the auto complete functionality from Apple.com, google.com and all the major websites. Calendar & Time picker The old school method to let user select date and time are using drop down lists (day, month and year). Drop Down Menu (Select Element) Want to do more with drop down menu? Color Picker Textarea Conclusion

Related: