ciao,
voi avete google chrome?
perchè se fate Visualizza, opzioni per sviluppatore e console Javascript..

entrando in wrapper_slide poi slideshor ed ancora slideshow...è tutto diciamo strano...ed animato...c'è quel position absolute strano ma nn è quello forse...per favore ragazzi..

mi sa che è questo script:

codice:
jQuery.noConflict();
(function($) {
    $(function() {
        /*** Dropdown menu ***/
        
        var timeout    = 200;
        var closetimer = 0;
        var ddmenuitem = 0;

        function dd_open() {
            dd_canceltimer();
            dd_close();
            var liwidth = $(this).width();
            ddmenuitem = $(this).find('ul').css({'visibility': 'visible', 'width': liwidth});
            ddmenuitem.prev().addClass('dd_hover').parent().addClass('dd_hover');
        }

        function dd_close() {
            if(ddmenuitem) ddmenuitem.css('visibility', 'hidden').prev().removeClass('dd_hover').parent().removeClass('dd_hover');
        }

        function dd_timer() {closetimer = window.setTimeout(dd_close, timeout);
        }

        function dd_canceltimer() {
            if (closetimer) {
                window.clearTimeout(closetimer);
                closetimer = null;
            }
        }
        document.onclick = dd_close;

        $('#dd > li').bind('mouseover', dd_open);
        $('#dd > li').bind('mouseout',  dd_timer);

        $('#larr, #rarr').hide();
        $('.slideshow').hover(
            function(){
                $('#larr, #rarr').show();
            }, function(){
                $('#larr, #rarr').hide();
            }
        );

        /*** View mode ***/

        if ( $.cookie('mode') == 'grid' ) {
            grid_update();
        } else if ( $.cookie('mode') == 'list' ) {
            list_update();
        }

        $('#mode').toggle(
            function(){
                if ( $.cookie('mode') == 'grid' ) {
                    $.cookie('mode','list');
                    list();
                } else {
                    $.cookie('mode','grid');
                    grid();
                }
            },
            function(){
                if ( $.cookie('mode') == 'list') {
                    $.cookie('mode','grid');
                    grid();
                } else {
                    $.cookie('mode','list');
                    list();
                }
            }
        );

        function grid(){
            $('#mode').addClass('flip');
            $('#loop')
                .fadeOut('fast', function(){
                    grid_update();
                    $(this).fadeIn('fast');
                })
            ;
        }

        function list(){
            $('#mode').removeClass('flip');
            $('#loop')
                .fadeOut('fast', function(){
                    list_update();
                    $(this).fadeIn('fast');
                })
            ;
        }

        function grid_update(){
            $('#loop').addClass('grid').removeClass('list');
            $('#loop').find('.thumb img').attr({'width': '190', 'height': '190'});
            $('#loop').find('.post')
                .mouseenter(function(){
                    $(this)
                        .css('background-color','#FFEA97')
                        .find('.thumb').hide()
                        .css('z-index','-1');
                })
                .mouseleave(function(){
                    $(this)
                        .css('background-color','#f5f5f5')
                        .find('.thumb').show()
                        .css('z-index','1');
                });
            $('#loop').find('.post').click(function(){
                location.href=$(this).find('h2 a').attr('href');
            });
            $.cookie('mode','grid');
        }

        function list_update(){
            $('#loop').addClass('list').removeClass('grid');
            $('#loop').find('.post').removeAttr('style').unbind('mouseenter').unbind('mouseleave');
            $('#loop').find('.thumb img').attr({'width': '290', 'height': '290'});
            $.cookie('mode', 'list');
        }

        /*** Ajax-fetching posts ***/

        $('#pagination a').live('click', function(e){
            e.preventDefault();
            $(this).addClass('loading').text('LOADING...');
            $.ajax({
                type: "GET",
                url: $(this).attr('href') + '#loop',
                dataType: "html",
                success: function(out){
                    result = $(out).find('#loop .post');
                    nextlink = $(out).find('#pagination a').attr('href');
                    $('#loop').append(result.fadeIn(300));
                    $('#pagination a').removeClass('loading').text('LOAD MORE');
                    if (nextlink != undefined) {
                        $('#pagination a').attr('href', nextlink);
                    } else {
                        $('#pagination').remove();
                    }
                    if ( $.cookie('mode') == 'grid' ) {
                        grid_update();
                    } else {
                        list_update();
                    }
                }
            });
        });

        /*** Misc ***/

        $('#comment, #author, #email, #url')
        .focusin(function(){
            $(this).parent().css('border-color','#888');
        })
        .focusout(function(){
            $(this).parent().removeAttr('style');
        });
        $('.rpthumb:last, .comment:last').css('border-bottom','none');

    })
})(jQuery)
e questo è il php:

codice:
<?php
    $args = array(
        'meta_key' => 'sgt_slide',
        'meta_value' => 'on',
        'numberposts' => -1,
        );
    $slides = get_posts($args);

    if ( !empty($slides) ) : $exl_posts = Array(); ?>

        <div class="slideshow"><div id="slideshow">

        <?php foreach( $slides as $post ) :
            setup_postdata($post);
            global $exl_posts;
            $exl_posts[] = $post->ID;
        ?>
        <div class="slide clear">
            <div class="post">
                <?php if ( has_post_thumbnail() ) echo '<a href="'.get_permalink().'">'.get_the_post_thumbnail($post->ID, 'slide',
			array(
                        'alt'	=> trim(strip_tags( $post->post_title )),
                        'title'	=> trim(strip_tags( $post->post_title )),
                    )).'</a>'; ?>
            </div>
        </div>

        <?php endforeach; ?>

        </div>

            
            
        </div>
    <?php endif; ?>
ed il CSS:

codice:
.wrapper_slide {width: 100%; background: #f5f5f5; margin: 0 auto !important; text-align:center !important; overflow:hidden; background-color:#cfd0c2; }
#slideshow_container {margin: 0 auto !important; width:100% !important; border-top:#c4c4c4 1px solid; border-bottom:#c4c4c4 1px solid; text-align:center !important;}
#slideshow, .slideshow { height: 360px; }
.slide { height: 360px; width: 100%; background: #cfd0c2; border-top:#c4c4c4 1px solid; margin: 0 auto; }
.slide img {height: 360px; width:935px; margin: 0 auto; }
.slide .post { background-color:#000; width:935px; height: 380px; margin:0 auto;}
#text {font-size: 15px; padding:10px; color:#d6d6d6; font-style:italic;}
#text a {text-decoration: none; color:#fff; }
#larr, #rarr {display: block; width: 45px; height: 50px; top: 310px; position: absolute; margin-left:5px; margin-right:10px; opacity: 0.7; z-index: 99 !important;}
#larr {background: url("images/larr.png") 8px 50% no-repeat; left: 0  !important; }
#rarr {background: url("images/rarr.png") 11px 50% no-repeat; right: 0px !important;}
#larr:hover, #rarr:hover {opacity: 1;}
e l'HTML di uscita:

codice:
<div class="wrapper_slide">         

        <div class="slideshow"><div id="slideshow" style="position: relative; overflow-x: hidden; overflow-y: hidden; ">

                <div class="slide clear" style="position: absolute; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; opacity: 1; width: 1466px; height: 360px; z-index: 3; top: 0px; left: -1466px; display: none; ">
            <div class="post">
                            </div>
        </div>

                <div class="slide clear" style="margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: absolute; opacity: 1; width: 1466px; height: 360px; z-index: 3; top: 0px; left: -1466px; display: none; ">
            <div class="post">
                            </div>
        </div>

                <div class="slide clear" style="margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: absolute; z-index: 4; top: 0px; opacity: 1; display: block; width: 1466px; height: 360px; left: 0px; ">
            <div class="post">
                            </div>
        </div>

        
        </div>

            
            
        </div>
    <div id="righe_1"></div>
<div id="righe_2"></div>
</div>
e script di richiamo in index:



non capisco niente su jquery!
codice:
<script type="text/javascript">
            (function($) {
                $(function() {
                    $('#slideshow').cycle({
                        fx:     'scrollHorz',
                        timeout: '7000',
                        next:   '#rarr',
                        prev:   '#larr'
                    });
                })
            })(jQuery)