Nivo Slider even comes with 4 themes

The Nivo Slider now comes with 3 awesome themes!

Get it now: http://nivo.dev7studios.com

4th Theme

Mike Ilz developed another theme

download:http://wp.me/p11izc-vZ

• WordPressPlugin

Source: click here

In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.

See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!

Please note that this will NOT work in any IE version. Not because it is not possible, I simply did not have the time and energy for that. I was trying to fix it at least for IE 8 but you know, when coding starts to get ugly because of “fixing” it for IE, I sometimes loose my patience. Today was one of these days (I bet you all have them) where you say: Darwin, I Ching … IE has to die out (and not only IE6), no, the whole line!

Ok, let’s start with the coding.

source: click here

I got so stuck with a 1px margin making my layout look weird on safari. i have a well written code and understood only a hack like.

<!–[if Safari]> ??? possible?

no it is not but following example really helped me. I much appreciate

Clever technique to help you on CSS hacks.

CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.

http://rafael.adm.br/css_browser_selector/

<style type="text/css">
.ie .example {
  background-color: yellow
}
.ie7 .example {
  background-color: orange
}
.gecko.example {
  background-color: gray
}
.win.gecko .example {
  background-color: red
}
.linux.gecko .example {
  background-color: pink
}
.opera .example {
  background-color: green
}
.konqueror .example {
  background-color: blue
}
.webkit .example {
  background-color: black
}
.example {
  width: 100px;
  height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
</style>

Introduction

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

Examples

The following examples illustrate the possibilities of jCarousel:

You need JavaScript enabled to see the carousel

• Static Examples
  • Simple carousel
  • Vertical carousel
  • Circular carousel
  • Carousel with autoscrolling
  • Carousel illustrating the callback functions
  • Carousel with external controls
  • Carousel with custom start position
  • Multiple carousels on one page
• Dynamic Examples
  • Carousel with dynamic content loading via JavaScript
  • Carousel with dynamic content loading via Ajax
  • Carousel with dynamic content loading via Ajax from a PHP script
  • Carousel with dynamic content loading via Ajax from the Flickr photo stream
  • Carousel with dynamic content loading via Ajax from the Flickr API
• Special Examples
  • Circular dynamic carousel
  • Using jCarousel as a Textscroller
  • Flexible carousel
  • jCarousel and Thickbox 3
  • Carousel with custom animation effect

jCarousel

Riding carousels with jQuery

Author: Jan Sorgalla
Version: 0.2.4 (Changelog)
Download: jcarousel.tar.gz or jcarousel.zip
Licence: Dual licensed under the MIT and GPL licenses.