Salve a tutti,
ho un problema. Su un sito al quale sto lavorando ho una finestra nella quale si alternano testo e immagini, legati tra di loro.
Non capisco come mai ma, al primo passaggio di testo/immagini, queste vengono sfalsate (continua a riapparire ogni volta quel campo di grano con trattore, che sarebbe solo relativo all'articolo sull'AGRICOLTURA), dal secondo in poi tutto funziona corretamente (per rendervi conto, potete guardare all'url indicato precedentemente).
Lo script che dovrebbe permettere ciò dovrebbe essere questo:
codice:
var autoSlide = true;
var autoSlideSecs = 10;
var proj = 0;
var interval = null;
function textSlideIn(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" }, 700);
}
function textSlideOut(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-270px" }, 700);
}
function photoFadeIn(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
}
function photoFadeOut(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
}
function photoPutBehind(proj) {
$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
}
function nextSlide() {
$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
setTimeout('photoFadeOut('+proj+')', 1000);
setTimeout('photoPutBehind('+proj+')', 1500);
textSlideOut(proj);
proj++;
var i = $('ul.text li').size() - 1;
if (proj>i) proj = 0;
setTimeout('photoFadeIn('+proj+')', 1000);
setTimeout('textSlideIn('+proj+')', 1500);
}
$(function() {
if (autoSlide) interval = setInterval('nextSlide()', autoSlideSecs*1000);
jQuery('.next').click(function() {
clearInterval(interval);
nextSlide();
if (autoSlide) interval = setInterval('nextSlide()', autoSlideSecs*1000);
return false;
});
$('#wpcumuluscontent embed').attr('width', '242');
});
Ma io non riesco a capire quale sia il problema. QUalcuno mi saprebbe aiutare?!
Grazie mille davvero.