It's made with the jQuery Carousel, so takte a look here: http://sorgalla.com/projects/jcarousel/

Thomas

This is done clientside with Javascript and CSS. Normally its done with jQuery as its the most easiest to use.

It's then upto you how you configure your umbraco install to output these different panels/images etc...

Just another jQuery slider to throw in the mix, but there are loads and loads out there !
http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Warren :)

This one is also nice :-)

http://css-tricks.com/anythingslider-jquery-plugin/

Thanks Guys!

But I was wondering how to manage it in Umbraco, like is the document type en the XSLT look like.

For example on the Codegarden09.com site their are 4 images. But when I want to change 1 picture i do it in the template (hard coded)? 

You can also do it via xslt and the media section. eg. We have a bunch of about 50 images in the umbraco media section under a certain media folder (called "frontpage slider pics") and get it via umbraco.library:GetMedia So if you want to add images or delete images you can do it in the media section. To fit the images to one size we are using the image cropper from kenneth which will be build in in v4.1.

For a sample take a look at my xslt code I posted in in this thread:

http://our.umbraco.org/forum/developers/xslt/3850-displaying-a-list-of-child-nodes-in-a-random-sort-order

And the jQuery Code here:

<script src="/scripts/jQuery/Cycle/jquery.cycle.all.min.js" type="text/javascript"></script>
<script type="text/javascript">
  //SlideShow für Bildergalerie
        $(document).ready(function() {
            $("#slideshow").cycle({ 
          fx:      'fade', 
     speed:    800, 
       timeout:  3000
        });
        })
</script>

hth, Thomas

is working on a reply...