<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.innerfade.js"></script>

<script type="text/javascript">

$(document).ready(

function(){

$('ul#portfolio').innerfade({

speed: 1000,

timeout: 5000,

type: 'sequence',

containerheight: '220px'

});

$('#news').innerfade({

speed: 1000,

timeout: 5000,

type: 'sequence',

containerheight: '10px'

});

$('.fade').innerfade({

speed: 1000,

timeout: 6000,

type: 'random',

containerheight: '1.5em'

});

});

</script>

<ul id="portfolio">    

<li>

<a href="http://ruseller.com/"><img src="images/ggbg.gif" alt="" /></a>

</li>

<li>

<a href="http://ruseller.com/"><img src="images/whizzkids.gif" alt="" /></a>

</li>    

<li>

<a href="http://ruseller.com/"><img src="images/km.jpg" alt="" /></a>

</li>    

</ul>

При необходимости список может быть продолжен или сокращен.

Для ссылок код будет такой:

    <ul id="news">    

<li>

<a href="#n1">1 Первый текст с ссылкой</a>

</li>

<li>

<a href="#n2">2 Второй текст с ссылкой</a>

</li>    

<li>

<a href="#n3">3 Третий текст с ссылкой</a>

</li>    

<li>

<a href="#n4">4 Четвертый текст с ссылкой</a>

</li>

</ul>

li {

list-style-type: none;

}

<div class="fade">    

1

</p>

2

</p>

3

</p>

4

</p>

5

</p>

</div>