Best of joomla gives you news, joomla templates, extensions, joomla hosting,joomla 3.x templates, tutorials and websites about Joomla , FireBoard official page.
Login | No account yet?  Register | Lost Password?
Best Of Themes

Joomla Resources and Tutorials

BarackSlideshow - An elegant, lightweight slideshow script

I guess pretty much everyone has seen Barack Obamaís website by now, which is clearly one of the prettiest of all candidates weíve heard of so far. Not only is it an example of state-of-the-art design, but itís also nice to navigate and interact with.

I decided to imitate the homepage slideshow. I had already experimented with similar animated lists, which allowed me to have it ready within minutes
The creation

I took my previous class (SlideList), and made a few changes here and there. It works with MooTools 1.2, and supports all kinds of shape transformations (top and left coordinates, and height and width properties), which means it can now be used with vertical, horizontal, or even irregular lists.

I extended it and came up with a new class that receives the images and loading spinner as parameters (note: itís arguable whether this is the best decision OOP-wise, but due to the simplicity of this script, this was the right call)
The code

To ensure all images are loaded before the user makes any interaction, the MooTools Assets component is used.

The CSS plays a major role (as in every other animation-focused script). I suggest you analyze it carefully before implementing it in your applications or websites. Youíll probably need to adjust the ids, or use classes instead to keep your stylesheets clean.

The markup is meaningful and simple. Two lists are used (one for the images and the other for the links). The loading element is included in the HTML, but itís probably better to inject it from the script directly.

Read more ...

Advanced Filter
Best of Joomla! Resources RSS Feed Get the global feed for the news and resources
Shape 5 Joomla Templates
High Quality Templates
joomla templates