ciao a tutti
avrei bisogno di un aiuto per concatenare questi due codici che mi fanno due slideshow sovrapposte.
la sovrapposizione l'ho risolta con css e l'uso di z-index, dovrei però ottenere il seguente risultato:
la prima slideshow mi visualizza quattro immagini alternate una ogni 9 secondi, con la seconda slideshow dovrei visualizzare un'altra immagine che si sovrappone a quella della prima slideshow per 7 secondi e poi per le successive 3 immagini non deve essere visibile per poi ripresentarsi quando ricompare la prima.
grazie dell'aiuto


<script type='text/javascript'>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('.fadein');},
9000);
});
</script>



<script type="text/javascript">
$(document).ready(function (){
$('#miaslide1 img:gt(0)').hide();
setInterval(function(){
$('#miaslide1 :first-child')
.fadeOut(900).next('img')
.fadeIn(900).end()
.appendTo('#miaslide1');}, 2000);
});
</script>