Featured content slider – Auto advancing

We are ethical swinger javascript coders. That means - we are people who practice the swinging lifestyle and support/advocate it. 10% of our time we support swingers related websites - swingers clubs directories, social networks, events lists and do it for free. If you didn't get into our 10% window and you are representing any alternative relationship/sex lifestyle (polyamory, swing, kink, BDSM, casual sex) - we would be glad to serve you by 50% of market prices. Also, we doing an effort to spread the information about lifestyle and anything related to it. At this blog, we would make posts sometimes about our swingers related projects. One of project which we support is https://allswingersclubs.org/ - pls, support it either - visit it, comment, add your clubs.

Using jQuery Coda plugin, css-tricks.com has created a very good script for a featured content gallery with auto advancing. It can be created with simple html markups.

DEPENDENCIESjQuery, jQuery Easing & Compatibility plugin, jquery Coda plugin
SIZELess than 40KB (All scripts including jQuery compressed)
RESTRICTIONSNone (Free to use on any site)


Suggested Enhancements

Add scroll functionality (carousel functionality) in the thumbnails so that any number of items can be featured.For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download code

jQuery Coda Slider

We are ethical swinger javascript coders. That means - we are people who practice the swinging lifestyle and support/advocate it. 10% of our time we support swingers related websites - swingers clubs directories, social networks, events lists and do it for free. If you didn't get into our 10% window and you are representing any alternative relationship/sex lifestyle (polyamory, swing, kink, BDSM, casual sex) - we would be glad to serve you by 50% of market prices. Also, we doing an effort to spread the information about lifestyle and anything related to it. At this blog, we would make posts sometimes about our swingers related projects. One of project which we support is https://allswingersclubs.org/ - pls, support it either - visit it, comment, add your clubs.

There are two jQuery plugins to emulate the Coda style. One uses scrollTo plugin and the other uses jQuery easing plugin

1. jQuery Coda Slider

It uses the jQuery scrollTo plugin.

DEPENDENCIESjQuery, jQuery ScrollTo, local Scroll & serial Scroll
SIZE10 KB (with all the requried plugins – excluding jQuery)
RESTRICTIONSNone (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download

2. jQuery Coda Slider

It uses jQuery easing plugin for the effects

DEPENDENCIESjQuery, jQuery easing, easing comaptibility
SIZE9 KB (with all the requried plugins – excluding jQuery)
RESTRICTIONSNone (Free to use on any site)

For demo and download, please check the links

Open Demo | Open demo in new window | Info & Download

jQuery floating box plugin

We are ethical swinger javascript coders. That means - we are people who practice the swinging lifestyle and support/advocate it. 10% of our time we support swingers related websites - swingers clubs directories, social networks, events lists and do it for free. If you didn't get into our 10% window and you are representing any alternative relationship/sex lifestyle (polyamory, swing, kink, BDSM, casual sex) - we would be glad to serve you by 50% of market prices. Also, we doing an effort to spread the information about lifestyle and anything related to it. At this blog, we would make posts sometimes about our swingers related projects. One of project which we support is https://allswingersclubs.org/ - pls, support it either - visit it, comment, add your clubs.

In may cases, web page contents does not fit into the screen, we will have scroll down to the page to read whole contents. bu doing so, we will lose those information on top. This javascript Floating Menu will do the trick and to keep  specified contents already visible.

Like the author says, sometimes we want to show some information to the user regardless of the page position. For eg: On a long page of information a link to the top can be shown always at the bottom right corner. In those cases you can use this plugin.


Suggested enhancement

May add some code to show/hide a close button.

DEPENDENCIESjQuery
SIZE5KB (Uncompressed)
RESTRICTIONSNone (Free to use on any site)

For demo and download, please check the links

Open | Open in new window | Download jQuery Floating Box code

This jQuery plugin is based on the floating box javascript by jtricks. This script doesn’t need any libraries. So if you’re not using jQuery use this one instead.