[Tutorial]Como criar um Slide de imagens com link de Redirecionamento.

**Gahh** Qui Mar 07, 2013 6:18 pm

Código do Slide:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<style type="text/css">
body {
background-color: https://lh4.googleusercontent.com/-TCOS_dDqDL8/UBGQHPrOjZI/AAAAAAAAA8M/hPDLFVoEMuY/s982/Sem%2520T%25C3%25ADtulo-1.png;
}
</style>
<head>
<title>Nivo Slider Demo</title>
<link rel="stylesheet" href="http://radiotank.hdfree.com.br/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://radiotank.hdfree.com.br/nivo-slider.css" media="screen" />
<link rel="stylesheet" href="http://radiotank.hdfree.com.br/style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem (1) do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem (2) do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem (3) do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem (4) do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem (5) do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>

</div>
<script type="text/javascript" src="http://radiotank.hdfree.com.br/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://radiotank.hdfree.com.br/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>

Aviso 1:
Os textos em vermelho devem ser modificados com o que se pede.

Aviso 2:
Para adicionar mais uma opção de imagem basta repetir o código abaixo, para retirar uma imagem, basta apagar um ou mais códigos do que se encontra abaixo.

<a href="Link que a pessoa vai ser redirecionada ao clicar" target="_blank"><img src="Imagem do Slide" data-thumb="Repita a imagem do Slide" alt="" title="" /></a>