Salve, chiedo aiuto a voi come ultima spiaggia, visto i miei vani tentativi anche cercando informazioni ed esempi in rete.

Un'amica mi ha chiesto di modificare il suo sito web, e fin qui nessun problema. Ma poi sono incappata in uno slideshow in jquery.

Ora, lo slide è impostato per cambiare foto al click dei vari pulsanti "avanti" e "dietro" solo che lei vorrebbe che fosse anche automatico con un effetto fade, ho provato a modificare lo script in tutti i modi ma niente non funziona... anche perchè non sono una grande esperta di javascript.

Se vi posto lo script potete darmi una mano?

questo è il javascript che gestisce sia lo slide che il menu:

codice:
function initPhotos(){
    $('#photo-toggle a').unbind('click').parent().fadeOut('fast', function(){
        $('#photo-wrapper').animate({
            height: '540px'
        }, 500, 'swing', function() {
            $('p#photo-close').fadeIn('fast', function(){
                $('#photo-controls ul').fadeIn('fast');
                $('p#photo-close a').click(function(){
                    destroyPhotos();
                    return false;
                });
            });
        });
    });
}

function destroyPhotos(){
    $('#photo-controls ul').fadeOut('fast');
    $('p#photo-close a').unbind('click').parent().fadeOut('fast', function(){
        $('#photo-wrapper').animate({
            height: '80px'
        }, 500, 'swing', function() {
            $('#photo-toggle').fadeIn('fast', function(){
                $('#photo-toggle a').click(function() {
                    initPhotos();
                    return false;
                });
            });
        }); 
    });
}


(function($){

    $(document).ready(function(){

        // auto clear text inputs on focus
        $('input[type="text"]').each(function(){
            $(this).data('original_copy', $(this).val());
            
        });

        $('input[type="text"]').focus(function(){
            if($(this).val()==$(this).data('original_copy')){
                $(this).val('');
            }
        }).blur(function(){
            if($(this).val().length<1){
                $(this).val($(this).data('original_copy'));
            }
        });


        if(!$('html').hasClass('mobile'))
        {
            // nav
    		$('header nav ul li a').each(function(){
    			$(this).html($(this).text()+'<span>' + $(this).text() + '</span>');
    		});
    
    		$('header nav ul li:not(.current-page) a span').hide();
    
            $('header nav ul li a').hover(
                function(){
                    link = $(this);
                    $(this).find('span').fadeIn('fast');
                },
                function(){
                    $(this).find('span').fadeOut('fast');
                }
            );
        }

        // if we're not on the home page, we have work to do
        if(!$('body').hasClass('home'))
        {
            // prep all of our controls
            $('#linkhome').after('<div id="photo-controls"><p id="photo-toggle">Photos</p><ul class="group"><li id="photo-prev">Prev<li id="photo-next">Next[/list]</div>');
            $('#photo-holder').after('<p id="photo-close">Close</p>');

            // hide all of our controls
            $('#photo-nav').hide();
            $('#photo-controls ul').hide();
            $('#photo-close').hide();

            // hook the trigger
            $('#photo-toggle a').click(function() {
                initPhotos();
                return false;
            });

        }else{
            $('header nav').before('<div id="photo-controls"><ul class="group"><li id="photo-prev">Prev<li id="photo-next">Next[/list]</div>');
        }

        // hook the photo nav
        $('#photo-controls li#photo-prev a').live('click', function(){
            $('ul#photo-holder li:eq(0)').fadeOut()
                 .parent().find('li:last-child').fadeIn()
                 .prependTo('ul#photo-holder');
            return false;
        });

        $('#photo-controls li#photo-next a').live('click', function(){
            $('ul#photo-holder li:eq(0)').fadeOut()
                 .next('li').fadeIn()
                 .end().appendTo('ul#photo-holder');
            return false;
        });


        // Cufon
        Cufon.replace('#copy h1,#secondary h2,footer h4,footer label,a.button,button,.subheading h2 span,section.menu-group h2,ul#thumbs-team li h3,#employee-profile .bio h2,header nav ul li a,header nav ul li a span');
        Cufon.replace('.alttype', { hover: true } );
        //Cufon.replace('.menu-brief .entry .thumbnail a span.alttype', { hover: true } );


        Shadowbox.init();


        $('.ie6 nav').width(475);

        // we need to circumvent mobile browsers wanting to show hover states on tap
        if($('html').is('.mobile, .ipod, .iphone, .mobile, .ipad')){
            $('.menu-brief a').live('touchend', function(e) {
			    var el = $(this);
			    var link = el.attr('href');
			    window.location = link;
			});
        }

		

		if(!$('html').hasClass('ie')){
	        $('#social li, .icons li, a.read-more img, li.read-full, li.share-this, #photo-toggle a').fadeTo(1,0.60).hover(function(){
	            $(this).fadeTo(150,0.99);
	        },function(){
	            $(this).fadeTo(150,0.60);
       		 });
		}
		
		if(!$('html').is('.mobile, .ie'))
        {		
			$('.menu-brief.view').not('.active').fadeTo('slow', 0.5);		
			$('.menu-brief.view').not('.active').hover(  
	            function () {  
	                $(this).fadeTo('fast', 1.0);  
	            },   
	            function () {  
	                $(this).fadeTo('fast', 0.5);           
	        });
		}

    });
    
    	

})(this.jQuery);
qui nella paggina html

codice:
<div id="photo-wrapper">
            <ul id="photo-holder">[*][img]<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/headers/1.jpg[/img][*][img]<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/headers/2.jpg[/img][*][img]<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/headers/3.jpg[/img][/list]

        <script>
          jQuery('#photo-holder li:gt(0)').hide();
        </script>
Grazie mille a tutti in anticipo...