Free jQuery Slideshows and Carousels

Slideshows

Coin Slider

Features:

• Unique transition effects
• Flexible configuration
• Linking images
• Compatible with Android and iPhone
• Auto slide
• Lightweight (8Kb)
• Fully customizable using CSS

Download

Anything Slider

Features:

• Slides are HTML content (can be anything)
• Navigation tabs are built and added dynamically (any number of slides)
• Optional custom function for formatting navigation text
• Auto-play (optional feature, can start playing or stopped)
• Infinite/continuous sliding
• Pauses auto-play on hover (option)

Download

WOW Slider

Features:

• Awesome and unique transitions
• Fully responsive
• Graceful degradation to CSS-only slider
• All browsers, all devices
• Search engine friendly
• Lightweight – 4-12Kb

Download

Camera

Camera slideshow requires jQuery 1.4+ and other jQuery plugins are necessary if you want to use some functionalities: jQuery Easing http://gsgd.co.uk/sandbox/jquery/easing/ and a customized version of jQuery Mobile http://jquerymobile.com/ to use Camera with mobile devices. These plugins are included in the zip download, but do check the links for newer versions.

Download

SlidesJS

Features:

• Responsive: create dynamic slideshows that adapt to any screen
• CSS3 transitions: animations that run smoothly on modern devices
• Touch: swipe support that tracks touch movements on supported devices
• Easy setup: get going fast with the easy-to-use examples

Download

iView Slider

Features:

• Responsive down to mobile (applies for slider area and images)
• Touch gestures navigation for iOS, Android and other touch devices
• Highly flexible and customizable
• 35 transition effects available
• Animated HTML captions with custom effects (fade, move top, move right…)
• Extremely simple configuration
• Easily customizable via CSS file

Download

FlexSlider

Features:

• Simple, semantic markup
• Supported in all major browsers
• Horizontal/vertical slide and fade animations
• Multiple slider support, Callback API, and more
• Harware accelerated touch swipe support
• Custom navigation options
• Compatible with the latest version of jQuery

Download

Slidorion

A combination of an image slider and an accorion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.

Download

jQuery Slidershock

Slidershock is the most complete and responsive jQuery/WordPress slider on the web. It is currently available for WordPress as a plugin and a jQuery code for non-WordPress environments. Slidershock can be used to slide images and text, and allows the addition of captions to slides. The free version has 10 of the 31 available effects in the premium version.

Download

Simple jQuery Fullscreen Image Gallery

This is actually a tutorial, but the work files are available and the end result is a beautiful gallery that was too nice to leave out of this round up.

Download

Supersized

Features:

• Resizes images to fill the browser while maintaining image dimension ratio
• Navigation controls with keyboard support
• Integration with Flickr – pull photos by user, set or group
• Cycles background via slideshow with transitions and dynamic preloading
• Core version available for those that just want background resizing

Download

Sideways

Sideways image gallery is made by implementing some scripts and tutorials and some CSS3. It utilizes the jQuery UI, jQuery Easing and jQuery mousewheel plugin.

Download

AD Gallery

Features:

• Choose effect: slide in, fade in, etc
• Keyboard navigation arrows
• Images are preloaded, and if they aren’t finished loading, a loading image will appear
• Callbacks on different events that have access to the internal object, so you can access all internal methods
• Permalink to a specific image, either by index or id

Download

Flux Slider

Flux slider is a CSS3 animation based image transition framework.

Download

Responsly.js

Features:

• Works from large monitors to laptops, to tablets to mobiles
• Pure CSS styling
• CSS3 based transitions (hardware accelerated where possible)
• Animations work on all modern browsers including mobile
• Simple lightweight design, adds little to your download size
• Can be heavily customized by editing CSS

Download

Carousels

jCoverflip

Features:

• Easy to use: Drag or click to showcase featured content
• Flexible Integration: The widget can be run as a Drupal moule or as a standalone widget for your website
• Easy Installation: Simply download, configure and push content to the jCoverflip widget
• Ready to Use: Out-of-the-box, the widget utilizes a clean default style
• Customizable: Control the number of items, colors, fonts and styles through CSS
• Open Source: Distributed using the GNU General Public License and built using jQuery and jQuery UI

Download

Cloud Carousel

Features:

• Works with most browsers – tested on IE6-IE9, Firefox, Chrome, Opera, Safari
• Accurate 3D perspective
• Optional auto reflections – no need to modify your images or add server code
• Easy integration with basic valid HTML and a tiny bit of JavaScript
• Small 5Kb (minified) script
• Degrades gracefully with JavaScript turned off
• Fully accessible with no CSS or text only browsers
• Works with other plugins such as Slimbox, and preserves your links and mouse events
• Optional mouse wheel support

Download

carouFredSel

Features:

• Fully customizable and skinnable, filled with loads of custom events and options
• Scrolls automatically or by using buttons, keys, the mousewheel or by dragging and swiping
• Optionally responsible/fluid/liquid out of the box
• Supports variable item-sizes (also with a variable number of visible items)
• Built in keyboard- and mouse-navigation and pagination
• 9 built in effects such as scroll, fade, crossfade, cover and uncover
• Capable of using CSS3 transitions
• Align (left/center/right) items inside the available width/height
• Dynamically add and remove items to/from the carousel
• GET and (re)SET the configuration options after creation

Download

jQuery Liquid Carousel Plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Download

Agile Carousel

Agile Carousel is highly customizable so youu can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS.

Download

jQuery Infinite Carousel Plugin

Features:

• Just 11Kb compressed
• Displays images and videos
• Captions and links
• Thumbnail options
• Circular ring timer
• Keyboard navigation
• Callback functions
• Works in all major browsers

Download

Circular Content Carousel

A simple circular content carousel. Click on the ‘more’ link to move the items to the left and a content area will slide out. Navigate through the carousel where each step will reveal the next or previous content box with its expanded content.

Download

Elastislide

Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Download

Tiny Carousel

Features:

• Can slide vertically or horizonally
• Supports navigation by button or paging
• Animation time can be set in milliseconds or to ‘instant’
• Easily customizable
• Supports all current browsers (Firefox, Internet Explorer 6+, Safari, Opera, Chrome)
• Lightweight – only 100 lines of code, 2.29Kb

Download

jQuery Feature Carousel

Features:

• Arrange divs of content in a 3D rotating carousel
• Currently supports one flanking ‘feature’ on either side of center feature
• Show clickable indicators (blips) of what feature is currently at the center
• Display text overlay on bottom of feature
• Speed, effects, locations and more are all changeable
• Works in Chrome, Firefox, Safari and IE6+
• Automatically preloads images before firing up the carousel

Download

jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. The plugin provides a method called ‘cycle’ which is invoked on a container element. Each child element of the container becomes a ‘slide’. Options control how and when the slides are transitioned.

Download

TogetherJS: Easy collaboration for your website

Favico.js: Animate your favicon

http://lab.ejci.net/favico.js/

rhinounit Javascript Testing Framework using Rhino

This works similarly to other nUnit testing frameworks, though somewhat customized for javascript. It is exceedingly small, but also surprisingly powerful.

Go to HowToWriteAndRunTests to learn how to use this framework.

Ant Based Javascript Testing Framework

In its original form RhinoUnit is run from an ANT scriptdef task using the Rhino engine - and uses all the helpful things that ANT provides for that. It is intended, however, that in the future the framework can be reused in other forms.

Unit Testing Javascript

It will do all the normal tests

• string and object comparisons
• regexp comparisons
• collection comparisons (contains, containsExactly, etc)

And does them in a more natural form. For example assert.that("string", not(matches(/somethingelse/))); checks that the string "string" doesn't match the regular expression /somethingelse/.

Advanced Tests

RhinoUnit provides some more advanced tests. You can

• ensure that a function has been called (by wrapping it with assert.mustCall(), or using an assert.functionThatMustBeCalled()). See AssertMustCall
• ensure that an exception is thrown (using shouldThrowException(...)
• ensure that the global namespace isn't polluted by poor variable scoping

See APIDescription for a list of all assertions and functions that are available.

ASP 날짜, 시간 - date(), Now(), time()

    now_a = Now()
    now_b = Left(Now(), 10)
    now_c = Mid(Date(),1,4) & Mid(Date(),6,2) & Mid(Date(),9,2) & left(FormatDateTime(Now(), 4),2)

                right(FormatDateTime(Now(), 4),2) & right(FormatDateTime(Now(), 3),2)

    response.write " now_a = "& now_a
    response.write " now_b = "& now_b
    response.write "<br> now_c = "& now_c

Now() ==> 2009-07-09 오후 4:48:49
Date() ==> 2009-07-09
Time() ==> 오후 4:48:49

FormatDateTime(Now(), 0) ==> 2009-07-09 오후 4:48:49
FormatDateTime(Now(), 1) ==> 2009년 7월 9일 목요일
FormatDateTime(Now(), 2) ==> 2009-07-09
FormatDateTime(Now(), 3) ==> 오후 4:48:49
FormatDateTime(Now(), 4) ==> 16:48

* YYYY-MM-DD HH24:MI:SS (오라클 기준)
FormatDateTime(Now(), 2) ==> 2009-07-09
FormatDateTime(Now(), 4) ==> 16:48
Right(Now(), 3) ==> :49
====> 2009-07-09 16:48:49

Left(Date(), 4) ==> 2009 (년)
Mid(Date(), 6, 2) ==> 07 (월)
Int(Mid(Date(), 6, 2)) ==> 7 (월)

Robomongo 0.8.2

Shell-centric cross-platform MongoDB management tool

http://www.robomongo.org/

About

Robomongo — is a shell-centric cross-platform open source MongoDB management tool (i.e. Admin GUI). Robomongo embeds the same JavaScript engine that powers MongoDB's mongo shell. Everything you can write in mongo shell — you can write in Robomongo!

This is an early beta version of Robomongo, that we are publishing in a hope to validate usefulness of application. We really welcome your feedback! Please submit any issues and proposals to GitHub Issues.

Features

Full Power of MongoDB Shell

Robomongo embeds the same JavaScript engine (based on Mozilla SpiderMonkey), that powers MongoDB's mongo shell. It means that you can reuse your existing skills of MongoDB Shell in Robomongo!

Robomongo provides you with syntax highlighting, autocompletion, different view modes (text, tree, custom) and more.

With great power comes great responsibility. Robomongo will not stop you from executing "undesired" code. Be careful, as you do with MongoDB Shell!

Tip! Select any part of code and press Ctrl + Enter. Only selected code will be executed.

Multiple Shells

Open as many shells as you need. Every tab in Robomongo — is a MongoDB shell, fully isolated from each other.

You can have many opened shells for single MongoDB database, or many shells for many different databases.

Tip! Press Ctrl + T to open new shell, based on currenly opened.

Multiple Results

Robomongo executes your code in statement by statement way. That means that you will receive as many result as many statements you have.

This feature can assist you, for instance, when you would like to view and analyse documents side by side.

Tip! Press F10 to toggle results orientation from vertical to horizontal.

Autocompletion

Robomongo provides you with autocompletion for all objects (and thus functions) that are known by JavaScript runtime, including autocompletion for databases, collections and even your document objects.

To assist Robomongo autocompletion — execute your code. This will make your objects available to JavaScript runtime, and autocompletion will work even for your custom functions and documents.

Tip! To see code of any JavaScript function, just type its name and execute (Ctrl + Enter)

Articles

• UUID Support in Robomongo

Contribute

Please submit any issues, bugs and proposals via GitHub Issues:
https://github.com/paralect/robomongo/issues

Thank you for finding time to help us!

Credits

Robomongo would not be possible without great opensource projects:

• MongoDB
• Qt
• Boost
• Mozilla SpiderMonkey
• Esprima
• PCRE
• Scintilla and QScintilla
• QJson

Get in touch

Robomongo is maintained by Paralect and contributors. Get in touch with Dmitry, project maintainer: dima@paralect.com. 

Perimeter.js: Detect mouse breaches of an invisible perimeter

URLcrypt: Securely encode and decode data in URLs