Kod: Zaznacz cały

!-- SLIDER -->
<div id="slider">
    <div id="slider_wrap">
        <!-- SLIDER ITEMS -->
        <div id="slider_items">
            <div class="item">
            
                    <img src="./images/tmp/home.jpg" alt="" />
                
                <!-- DECORATIONS -->
                <div class="shadows">
                    <div class="shadow shadow_left"></div><!-- /.shadow_left -->
                    <div class="shadow shadow_right"></div><!-- /.shadow_right -->
                </div><!-- /.shadows -->
                                
                <div class="bottom">
                    <div class="left"></div><!-- /.left -->
                    <div class="right"></div><!-- /.right -->
                </div><!-- /.bottom-->
            </div><!-- /.item -->

            <div class="item">
            
                    <img src="./images/tmp/home2.jpg" alt="" />
                
                <!-- DECORATIONS --> 

Kod: Zaznacz cały

(function($) {

    $.fn.nivoSlider = function(options) {

        //Defaults are below
        var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

        return this.each(function() {
            //Useful variables. Play carefully.
            var vars = {
                currentSlide: 0,
                currentImage: '',
                totalSlides: 0,
                randAnim: '',
                running: false,
                paused: false,
                stop:false
            };
        
            //Get this slider
            var slider = $(this);
            slider.data('nivo:vars', vars);
            slider.css('position','relative');
            slider.width('1px');
            slider.height('1px');
            slider.addClass('nivoSlider');
            
            //Find our slider children
            var kids = slider.children();
            kids.each(function() {
                var child = $(this);
                if(!child.is('img')){
                    if(child.is('a')){
                        child.addClass('nivo-imageLink');
                    }
                    child = child.find('img:first');
                }
                //Don't ask
                var childWidth = child.width();
                if(childWidth == 0) childWidth = child.attr('width');
                var childHeight = child.height();
                if(childHeight == 0) childHeight = child.attr('height');
                //Resize the slider
                if(childWidth > slider.width()){
                    slider.width(childWidth);
                }
                if(childHeight > slider.height()){
                    slider.height(childHeight);
                }
                child.css('display','none');
                vars.totalSlides++;
            });
            
            //Set startSlide
            if(settings.startSlide > 0){
                if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
                vars.currentSlide = settings.startSlide;
            }
            
            //Get initial image
            if($(kids[vars.currentSlide]).is('img')){
                vars.currentImage = $(kids[vars.currentSlide]);
            } else {
                vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
            }
            
            //Show initial link
            if($(kids[vars.currentSlide]).is('a')){
                $(kids[vars.currentSlide]).css('display','block');
            }
            
            //Set first background
            slider.css('background','url('+ vars.currentImage.attr('src') +') no-repeat');
            
            //Add initial slices
            for(var i = 0; i < settings.slices; i++){
                var sliceWidth = Math.round(slider.width()/settings.slices);
                if(i == settings.slices-1){
                    slider.append(
                        $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px' })
                    );
                } else {
                    slider.append(
                        $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px' })
                    );
                }
            }
            
            //Create caption
            slider.append(
                $('<div class="nivo-caption"><p></p></div>').css({ display:'block', opacity:settings.captionOpacity })
            );            
            //Process initial  caption
            if(vars.currentImage.attr('title') != ''){
                $('.nivo-caption p', slider).html(vars.currentImage.attr('title'));                    
                $('.nivo-caption', slider).show(settings.animSpeed);
                Cufon.replace('.nivo-caption p'); 

Kod: Zaznacz cały

    
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/jquery.ifixpng.js"></script>
    <script type="text/javascript" src="./js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="./js/jquery.roundabout.js"></script>

    <script type="text/javascript" src="./js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="./js/jquery.corner.js"></script>
    <script type="text/javascript" src="./js/jquery.validate.js"></script>

    <script type="text/javascript" src="./js/cufon.js"></script>
    <script type="text/javascript" src="./js/geometr.font.js"></script>
    <script type="text/javascript" src="./js/script.js"></script>