Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

paulorpc

HTML - Slideshow

Recommended Posts

Tenho um slide show que chamo através de um iframe em uma div do blog.

 

no meu disco do domínio tenho 4 pastas:

 

slider - raiz do slider
css - onde ficam os css's
images - onde ficam as imagens do slide show
js - onde ficam os javas
o código do slide show é:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boss Imports</title>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>
<body>
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li> <a href="http://www.bossimports.com.br/index"> <img src="images/promo_hco.jpg"> </img></a>
</li>
<li> <a href="http://www.facebook.com/bossimportspage"> <img src="images/fanpage.jpg"> </img> </a>
</li>
<li> <a href="http://www.bossimports.com.br/loja"> <img src="images/lojavirtual.jpg"> </img> </a>
</li>
<li> <a href="http://www.bossimports.com.br/loja"> <img src="images/fretegratis.jpg"> </img> </a>
</li>
</ul>
</div>
</section>
<!-- jQuery -->
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</body>
</html>

 

mas com o código acima ao clicar em cada slideshow a página que deveria abrir em uma nova janela do navegador não é aberta, ela abre dentro da div.

 

o que preciso corrigir no código acima?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Adicione a propriedade target com o parametro _blank

<a href="http://www.bossimports.com.br/index" target="_blank">

http://www.w3schools.com/tags/att_a_target.asp

Compartilhar este post


Link para o post
Compartilhar em outros sites

fiz isso, agora o primeiro slide fica duplicado

 

 

<li> <a href="http://www.facebook.com/bossimportspage" target="_blank"> <img src="images/fanpage.jpg"> </a></img>

</li>
<li> <a href="http://www.bossimports.com.br/loja" target="_blank"> <img src="images/lojavirtual.jpg"> </a></img>
</li>
<li> <a href="http://www.bossimports.com.br/loja" target="_blank"> <img src="images/fretegratis.jpg"></a> </img>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.