Problema com link

[guarana1]

Boa tarde a todos, não consigo por o link a dar.

<? foreach ($DATA as $i => $row): ?>

   <article class='portfolio isotope-item <?=$row['tipo']?> col-4'>
   <a href="item.php" class='image' style='background-image: url(img/portfolio-images/<?=$row['foto']?>)'></a>
   <div class='inner'>
	<header>
	 <h3><?=$row['nome']?></h3>
	</header>
   </div>
  </article>

<? endforeach ?>

quando carrego na imagem não acontece nada, mas se abrir o link em novo tab já abre.

Esse link era suposto abrir uma div.

podem ver aqui

-> como esta agora http://lisboawines.com/portfolio.php

-> como estava http://lisboawines.com/portfolio-4.html

O que pretendo é abrir outra página ao clicar na imagem.

Edited May 5, 2014 at 03:29 PM by guarana1

[bioshock]

Experimenta com o uso do jQuery

$(document).on('click', '.image', function(){ location.href = $(this).closest('href'); });

[guarana1]

Experimenta com o uso do jQuery

$(document).on('click', '.image', function(){ location.href = $(this).closest('href'); });

Mehh, sei 0 de js. Pareço um burro a olhar para um palácio, 😕 .

[bioshock]

Antes de fechares a tag body:

<script>
 $(document).on('click', '.image', function(){ location.href = $(this).closest('href'); });
</script>

Basicamente o que esse código faz é detectar que clicaste na classe "image" (que é o nome da classe do teu href - dentro do article); depois verifica qual é a tag href mais próxima e por fim faz o redirect para o link que está no href.

Edited May 5, 2014 at 03:56 PM by bioshock

[guarana1]

Bém, tentei por isso em todo o lado e não consegui 😞

         <script>
   $(document).on('click', '.image', function(){ location.href = $(this).closest('href'); });
 </script>
 <? foreach ($DATA as $i => $row): ?>

   <article class='portfolio isotope-item <?=$row['tipo']?> col-4'>
   <a href="item.php"  class='image'  style='background-image: url(img/portfolio-images/<?=$row['foto']?>)'></a>
   <div class='inner'>
	<header>
	 <h3><?=$row['nome']?></h3>
	</header>
   </div>
  </article>

 <? endforeach ?>

Edited May 5, 2014 at 03:54 PM by guarana1

[bioshock]

Eu estive a fazer umas alterações no teu código, e com a tag rel parece funcionar.

<a href="http://google.pt" class="image" style="background-image: url(img/portfolio-images/1.jpg)" rel="external"></a>

Edited May 5, 2014 at 03:57 PM by bioshock

[guarana1]

Eu estive a fazer umas alterações no teu código, e com a tag rel parece funcionar.

<a href="http://google.pt" class="image" style="background-image: url(img/portfolio-images/1.jpg)" rel="external"></a>

Com o rel consegui, obrigado. Mas mesmo assim tive de por o link todo "http://lisboawines.com/item.ph so com "item.php" não dava.

Ele já vai para o item.php mas mesmo assim continua a abrir aquela div, se notares quando carregas na imagem no lado direito em cima aparece um "X"

Edited May 5, 2014 at 04:40 PM by guarana1

[bioshock]

Sim, o problema está neste trecho de código:

<a href="#" id="portfolio-close"></a>

Que, provavelmente, é gerado automaticamente pelo plugin que estejas a utilizar.

[guarana1]

Sim aquilo é gerado automaticamente, queria era tirar aquilo. Vou procurar algum codigo referente a isso e ja digo se consegui ou nao.

[bioshock]

Novamente, terás de fazer com jQuery.

Antes do fecho da tag body:

<script>
 $(document).on('click', '.image', function(){
$("#portfolio-close").css('visibility', 'hidden');
 });

/* ou então.. */
$(function(){
  $("#portfolio-close").css('visibility', 'hidden');
});
</script>

[guarana1]

Tirei a parte toda que era gerida automaticamente e já esta a dar.

Obrigado pela ajuda.

Edited May 5, 2014 at 04:56 PM by guarana1