A few days ago I was asked to make a simple slideshow. My initial thought was, there must be a ton of solutions available for jQuery. I could easily draw inspiration from them.

I was wrong. Whilst there are a few nicely done slideshow plugins for jQuery, the majority of them are either poorly written or far too complicated.

So, I decided to code my own plugin from the ground up. Meet Slideshow Lite!

The plugin is only tested with jQuery 1.3, but it should also work on jQuery 1.2.

Features

• Unobtrusive JavaScript, simply load it and that’s it
• Clean, semantic HTML structure
• Easy to use
• Customisable
• Free to use or to modify (GPL/MIT dual license)!

Plugin Options

• pauseSeconds (float) – number of seconds between each photo to be displayed
• fadeSpeed (float) – number of seconds for the fading transition, the value should not exceed ‘pauseSeconds’
• width (integer) – width of the slideshow, in pixels
• height (integer) – height of the slideshow, in pixels
• caption (boolean) – display photo caption?
• cssClass (string) – name of the CSS class, defaults to ‘slideshowlite’

Usage

$(document).ready(function(){
	// with default options
	$("#slideshow").slideshow();

	// with custom options
	$("#slideshow2").slideshow({
		pauseSeconds: 4,
		height: 200
	});
});

Please checkout the demo for the HTML required.

Demo

Click here for a simple demo.

Download / Source Code
Please check for the latest version on Github!

Changelog

v0.5.3 [2009-09-24]

• Added ‘fadeSpeed’ for setting the transition speed.

v0.5.2 [2009-09-06]

• Repackaged to remove an unnecessary .htaccess file.

v0.5.1 [2009-08-30]

• Fixed some typo.

v0.5 [2009-08-29]

• Major rewrite: slides can now be clicked freely (as opposed to waiting for one to finish showing before it can be clicked again).
• Added automatic photo caption.

v0.4 [2009-08-05]

• Code clean up.
• Added transparency effects to the navigation, to indicate when it is clickable.
• Added inline configuration documentation.

v0.3 [2009-08-04]

• Smoother animation.

v0.2 [2009-08-04]

• Fixed a navigation bug where the clicks no longer work after clicking on the current slideshow.

v0.1 [2009-08-04]

• Initial release.

Related posts

• jQuery Slideshow Lite Plugin Updated (Major Rewrite) (0)
• Release: [jQuery Plugin] Endless Scroll (66)
• WordPress Plugins Recommendation List (2)
• Release: [WordPress Plugin] SyntaxHighlighter Plus (185)
• Rails, jQuery, Dating, etc (0)

Initially I was going to wait for my Layerful Framework (a transparent layering framework for Kohana) to mature before releasing its bundled modules. However, since this Authlite module can be used independently to Layerful, I am releasing it now.

What is Authlite

Authlite is a user authentication module for Kohana.

What’s the difference between Authlite and Auth?

Kohana comes with an official Auth module which does exactly what was described in the last paragraph, so why another module then?

It is because Authlite offers greater flexibilty. Please read the features outlined below to find more.

Features

• Legacy database compatibility
• Configurable database columns
• Multiple instances of Authlite
• Does not enforce user roles
• Auth-like syntax and usage
• Lightweight

Legacy database compatibility

One thing that keeps me away from using Kohana’s Auth module, is that it forces us to use a password hash seed. This is okay for a brand new application, but what about the ones with legacy databases? There are a lot of existing applications use plain MD5 or SHA1 hashes, Auth makes it impossible to use these existing data.

Authlite, on the other hand, does not force developers to use any seeds at all. Like Auth, we can define the encryption method (e.g. md5, sha1) in the config file.

Configurable database columns

Further than that, the user model, username column, password column and session column are all configurable.

Multiple instances of Authlite

If your application has more than one user tables, you will struggle to make it work in Auth. In Authlite, simply have one config file for each user object, and config their user model, session key and the other variables accordingly.

Does not enforce user roles

For simple applications we often do not even want to have roles attached to our user model. In Auth, user role is mandatory, which makes things more complicated than they should be. In Authlite, roles are handled by Kohana framework itself. By using ORM model relationships, roles can be added, removed and modified very easily. A tailoured ACL (Access Control List) solution can be developed in no time.

Auth-like syntax and usage

Authlite is based on Auth, so if you’re already familiar with using Auth, you will find Authlite a breeze to use.

Lightweight

Even if you have never used Auth before, you will find Authlite to be extremely easy to use. :)

Usage Example

// Authlite instance
$this->authlite = Authlite::instance('authlite');

// login check
if ( ! $this->authlite->logged_in() && Router::$method != 'login')
{
	url::redirect(Router::$controller.'/login');
}
else
{
	// assigns the user object
	$this->user = $this->authlite->get_user();
}

Changelog

v1.2.3 [2009-02-05]

• login() now supports non-unique usernames

v1.2.2 [2009-02-05]

• added force_login()

v1.2.1 [2009-01-27]

• fixed a logging bug introduced in 1.2

v1.2 [2009-01-27]

• added add_to_ignore() and remove_from_ignore()
• code clean up

Older versions were not tagged with version numbers, you may check out the commit history on GitHub.

To Do

• Add configurable, optional hash seed

Source Code / Download

Related posts

• Authlite 2.0 for Kohana 3.0 Alpha Testing (3)
• Ruby on Rails, Passenger (ModRails) vs CodeIgniter and Kohana (16)
• Layerful Screencast: Transparent Layer in Action (4)
• Layerful Framework Performance in Kohana (1)
• Layerful + Kohana + Zend Framework = Easy User Applications (7)

If you don’t already know, endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end.

I have developed a jQuery plugin to easily achieve this.

Requirement: jQuery 1.2+

The plugin is tested with jQuery 1.2.6, 1.3 and 1.4.

There are a few options to customise the behaviour of this plugin:

• bottomPixels (integer) – the number of pixels from the bottom of the page that triggers the event
• fireOnce (boolean) – only fire once until the execution of the current event is completed
• fireDelay (integer) – delay the subsequent firing, in milliseconds. 0 or false to disable delay.
• loader (string) – HTML loader
• data (string) – plain HTML data
• insertAfter (string) – jQuery selector syntax: where to put the loader as well as the plain HTML data
• callback (function) – callback function, accepets one argument: fire sequence (the number of times the event triggered during the current page session)
• resetCounter (function) – resets the fire sequence counter if the function returns true, this function could also perform hook actions since it is applied at the start of the event

In a typical scenario, you won’t be using the ‘data’ option, but rather the ‘callback’ option. You may use it to trigger an AJAX call and updates/inserts your page content.

Usage

// using default options
$(document).endlessScroll();
// using some custom options
$(document).endlessScroll({
	fireOnce: false,
	fireDelay: false,
	loader: "<div class="loading"><div>",
	callback: function(p){
		alert("test");
	}
});

Demo

Click here for a simple demo.

Download / Source Code

Changelog

v1.4.2 [2011-01-08]

• Fixed a bug where calling the script on $(document) would fail.

v1.4.1 [2010-06-18]

• Fixed a bug where the callback fires when the inner wrap hasn’t been created.

v1.4 [2010-06-18]

• Endless Scroll now works with any elements, not just $(document)!

v1.3 [2009-04-20]

• Fixed a bug caused by ‘fireDelay‘.

v1.2 [2009-01-16]

• Added ‘resetCounter‘ option.

v1.1 [2009-01-15]

• Added ‘fireDelay‘ option.

v1.0 [2009-01-15]

• Initial release.

Related posts

• jQuery Endless Scroll Updated (0)
• Release: [jQuery Plugin] Slideshow Lite (61)
• jQuery Slideshow Lite Plugin Updated (Major Rewrite) (0)
• Oh, where did my theme go? (1)
• jQuery problems in IE? It could be SWFObjects. (5)

Latest version: v1.0b2 [2009-03-02]

As part of the ‘house-warming party’ (for the (re)launching of the website) gift, I now announce the immediate availability of SyntaxHighlighter Plus. :-)

The official WordPress plugin page is located here: http://wordpress.org/extend/plugins/syntaxhighlighter-plus/

What is SyntaxHighlighter Plus?

SyntaxHighlighter Plus is a WordPress plugin for code syntax highlighting. It is an enhanced version of the original SyntaxHighlighter by Matt, Viper007Bond and mdawaffe. Please give them a big applause for making such a great plugin!

Features of SyntaxHighlighter

SyntaxHighlighter allows you to easily post syntax highlighted code all without loosing it’s formatting or making an manual changes.

It supports the following languages (the alias for use in the post is listed next to the name):

• Bash — bash, sh
• C++ — cpp, c, c++
• C# — c#, c-sharp, csharp
• CSS — css
• Delphi — delphi, pascal
• Diff — diff
• Groovy — groovy
• Java — java
• JavaScript — js, jscript, javascript
• Perl — perl, pl
• PHP — php
• Plain text — plain, text
• Python — py, python
• Ruby — rb, ruby, rails, ror
• Scala — scala
• SQL — sql
• VB — vb, vb.net
• XML/HTML — xml, html, xhtml, xslt

This plugin uses the SyntaxHighlighter JavaScript package by Alex Gorbatchev.

What is the difference between SyntaxHighlighter and SyntaxHighlighter Plus (prior to v1.0)?

SyntaxHighlighter Plus is built upon SyntaxHighlighter with extra features and bug fixes. In addition to the original version, SyntaxHighlighter Plus has the following extra goodies:

• Valid XHTML markup (courtesy of mhavila)
• Background expand fix (partially courtesy of brucknerite)
• Corrected Overflow issues
• More syntax variants

New in SyntaxHighlighter Plus v1.0 !

Starting from SyntaxHighlighter Plus v1.0, the core engine is upgraded to
Alex Gorbatchev’s SyntaxHighlighter 2.0!

New features since the 1.5 engine:

• CSS Themes
• Line highlighting
• HTML with script tags
• Smart line wrapping
• No-CSS fallback
• Strict & XHTML compliant
• Inline URL detection

Click here to view the complete version matrix.

Is SyntaxHighlighter Plus backward compatible?

Yes! Simply replace the original SyntaxHighlighter files and that’s it! Start from version 0.13, the plugin folder was renamed to ‘syntaxhighlighter-plus’.

How to install and use this plugin?

Please refer to SyntaxHighlighter’s project page.

Examples

The examples are using the RDark theme.

PHP

	function BBCodeToHTML( $content ) {
		if ( !$this->CheckForBBCode( $content ) ) return $content;

		$matches = $this->GetBBCode( $content );

		if ( empty($matches) ) return $content; // No BBCode found, we can stop here

		// Loop through each match and replace the BBCode with HTML
		foreach ( (array) $matches as $match ) {
			$language = strtolower( $match[4] );
			$content = str_replace( $match[0], '<pre class="syntax-highlight:' . $language . "\">" . htmlspecialchars( $match[5] ) . "</pre>", $content );
			$this->jsfiles2load[$this->languages[$language]] = TRUE;
		}

		return $content;
	}

CSS

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 530px;
	margin: 18px 0 18px 0;
	padding-top: 1px;/* adds a little border on top when controls are hidden */
	overflow: auto;

	/* fixes for IE: "overflow: auto" causes unnecessary vertical bar */
	/* corrects bottom scroll bar overlapping */
	overflow-y: hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}

Syntax

Bold ones are exclusive to SyntaxHighlighter Plus. Furthermore, quotation marks around the language can be omitted.

• [source language=’css’] … [/source]
• [code language=’css’] … [/code]
• [sourcecode lang=’css’] … [/sourcecode]
• [source lang=’css’] … [/source]
• [code lang=’css’] … [/code]
• [sourcecode=’css’] … [/sourcecode]
• [source=’css’] … [/source]
• [code=’css’] … [/code]
• [lang=’css’] … [/lang]
• [css] … [/css]

License

GNU Lesser General Public License (LGPL)

Changelog

v1.0b2 [2009-03-02]

• Upgraded SyntaxHighlighter to 2.0.296
• Added automatic SSL detection (thanks to g30rg3_x)
• Added anti-XSS and XSRF (thanks to g30rg3_x)
• Language aliases fix
• Code clean up

v1.0b1 [2009-02-07]

• Upgraded the core engine to SyntaxHighlighter 2.0
• Added configuration: themes
• Default language changed from PHP to plain text

v0.18 [2008-07-19]

• Added PHP as the default language if no language is specified (e.g. [ code ][ /code ])

v0.17 [2008-06-28]

• Fixed a bug in the Bash highlighting code which caused conflicts between keywords and variables highlights

v0.16 [2008-06-02]

• Ported SyntaxHighlighter 1.1.1 changes: ‘Encode single quotes so wptexturize() doesn’t transform them into fancy quotes and screw up code.’

v0.15b [2008-05-07]

• CSS fixes for IE6

v0.15a [2008-05-07]

• Enhanced CSS

v0.15 [2008-05-01]

• Fixed the IE scroll bar issue (backup your CSS file before upgrade!)

v0.14 [2008-04-22]

• Added support for Bash (thanks to Nick Anderson)
• Now supports WordPress MU (thanks to Tim)

v0.13 [2007-12-19]

• Changed plugin folder to ‘syntaxhighlighter-plus’.

v0.12 [2007-12-18] – Broken!

• Appeared on the WordPress plugins site.
• Fixed readme.txt.
• Cleaned up the files.

v0.11 [2007-12-16]

• Added more syntax variants.

v0.10 [2007-12-16]

• Initial release.

Download

v1.0b2 WordPress Official Mirror
v1.0b1 WordPress Official Mirror
v0.18 WordPress Official Mirror
v0.17 WordPress Official Mirror
v0.16 WordPress Official Mirror
v0.15b WordPress Official Mirror
v0.15a WordPress Official Mirror
v0.15 WordPress Official Mirror
v0.14 WordPress Official Mirror
v0.13 WordPress Official Mirror
v0.12 WordPress Official Mirror
v0.11 WordPress Official Mirror
v0.10 WordPress Official Mirror

Related posts

• WordPress Plugins Recommendation List (2)
• New Version of SyntaxHighlighter Plus Released! (1)
• SyntaxHighlighter Plus: Now Supports Bash and WordPress MU (3)
• SyntaxHighlighter Plus v1.0b2 Released (0)
• SyntaxHighlighter Plus No Longer Being Maintained (1)