Ir para conteúdo

POWERED BY:

Arquivado

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

Cleber Godoi Miranda

link no slide

Por , em Desenvolvimento frontend

Recommended Posts

Júlio Santos    3

Júlio Santos
Postado

A imagem no caso do seu layout não é chamada através da tag <img>; ela está como background de um div. No caso, tente colocar dentro deste div o seguinte.

 

HTML

<a href="javascript:void(0);" class="linkMask"></a>

 

CSS

.linkMask {display:block;height:auto;width:100%;}

 

Vamos fazer com que o link dentro desta div que contem o background, fique com o preenchimento equivalente ao tamanho desta área.

 

Tente aí...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cleber Godoi Miranda    0

Cleber Godoi Miranda
Postado

Coloquei assim no HTML ta certo?

Sou meio leigo... agora preciso colocar um js para o link?? da pra eu colocar um link pra cara imagem diferente?

<a href="javascript:void(0);" class="linkMask">
               	<div class="slider">
                       <ul class="items">
                           <li><img src="images/slide-1.jpg" alt=""/></li>
                           <li><img src="images/slide-2.jpg" alt=""></li>
                           <li><img src="images/slide-3.jpg" alt=""></li>
                       </ul>
                   </div>
				</a>

obrigado heim

Compartilhar este post

Link para o post
Compartilhar em outros sites

Júlio Santos    3

Júlio Santos
Postado

Não, neste caso tente colocar o A individualmente em cada imagem.

 

Ficaria assim

 

<div class="slider">
<ul class="items">
	<li><a href="javascript:void(0);" class="linkMask"><img src="images/slide-1.jpg" alt=""/></a></li>
	<li><a href="javascript:void(0);" class="linkMask"><img src="images/slide-2.jpg" alt=""></a></li>
	<li><a href="javascript:void(0);" class="linkMask"><img src="images/slide-3.jpg" alt=""></a></li>
</ul>
</div>

 

Não tinha visto a chamada das imagens direto na tag <img> e sim por uma div. Vê se assim vai funcionar corretamente!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Júlio Santos    3

Júlio Santos
Postado

É o seguinte cara ... fui ver lá novamente e agora que percebi que um script manipula a lista de slides. Existe uma lista não-ordenada (esta que você postou agora pouco) onde cada item corresponde a um slide. Criaram um plugin ._TMS que está sendo importado dentro do seu <head> em um JS externo, que coleta as informações destes itens, como a URL da imagem, as dimensões, etc.

 

Teríamos que mexer neste plugin pra que ele possa pegar o href que iriamos colocar (como fizemos dessa ultima vez) e criar um outro A com este endereço.

 

Infelizmente não vou poder te ajudar cara. Vamos torcer pra alguem mais experiente pintar aí na área. rs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito