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:
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)
