Slide

• Descrição:

Olá,

Desejo o mesmo slide que este http://prntscr.com/3i333u. Já tentei fazer igual em geradores de slides, e não consigo, então desejo o mesmo que este da imagem, pois é o único que eu consegui que me agrade.

Visto no site www.boulevard.com.

Até mais.

• Informações:

Código:

<div id="slider" class="nivoSlider">
    <a href="link"><img src="imagem.jpg" alt="" title="#noticia-1" /></a>
    <a href="link"><img src="imagem.jpg" alt="" title="#noticia-2" /></a>
</div>
<div id="noticia-1" class="nivo-html-caption">
    <h1>Título</h1>
    Esta é a notícia 1.
</div>
<div id="noticia-2" class="nivo-html-caption">
    <h1>Título</h1>
    Esta é a notícia 2.
</div>

Código:

<link type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/nivo-slider.min.css" rel="stylesheet" /><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-nivoslider/3.2/jquery.nivo.slider.pack.min.js"></script><script type="text/javascript">
jQuery(window).load(function() {
  jQuery('#slider').nivoSlider();
});
</script>
<div class="nivoSlider" id="slider">
    <a href="link"><img title="#noticia-1" alt="" src="http://2img.net/i/bl/logo.png" /></a> <a href="link"><img title="#noticia-2" alt="" src="http://2img.net/i/bl/logo.png" /></a>
</div>
<div class="nivo-html-caption" id="noticia-1">
   
   <h1>
       Título
   </h1>
    Esta é a notícia 1.
</div>
<div class="nivo-html-caption" id="noticia-2">
   
   <h1>
       Título
   </h1>
    Esta é a notícia 2.
</div>