Ir para conteúdo

POWERED BY:

Arquivado

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

Jpjupa

Background image com uma imagem em eq()

Recommended Posts

Olá, boa noite!

 

Me surgiu uma dúvida.

Haveria algum modo de substituir um background-image de uma div com imagens em eq()?

 

Por exemplo:

Eu queria fazer algo assim:

<style type="text/css">
div#um {
background-image: url("div#dois img:eq(0)")
}


div#dois  {
}
</style>


<div id="um">
Conteúdo da DIV
</div>


<div id="dois">
<img src="linkdaimagem"/>
</div>

 

Agradeço a atenção.

 

Att,

Jpjupa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

não entendi nada cara.

 

vc quer só com css ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com qualquer recurso, desde que seja aplicável, rsrs.

Acho que não teria como por css, mas eu só fiz esse modelo para explicar o efeito desejado.

 

Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

da sim, rapaz, de duas formas até.

 

$('div:eq(0)').css('background-image','valor');

ou pelo próprio .attr('style','background-image: url('LINK');');

 

Agora, se você quer uma função mais inteligente e etc, você poderá fazer um .each(index), e colocar dentro alguns ifs.

tipo, se o retorno do eq for = 0, atribuir isso. Se for 1, isso, e assim vai... nos demais, isso...

 

Pelo o que entendi, é isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá fearforscreams!

 

Agradeço a resposta, mas não teria como fazer o seguinte:

$('div:eq(0)').css('background-image','div#dois img:eq(1)');

 

Será que daria para fazer tal efeito com algum código?

Agradeço a atenção.

 

Abraço, aguardo respostas!

Jp.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não entendi muito bem a finalidade do processo, visto que: Ao atribuir o .css, você estará nomeando que a "background-image" terá o seguinte valor "div#dois img:eq(1)".

 

Em termos no CSS, seria assim:

 

div {

background-image: div#dois img:eq(1);

}

 

Viu que ele está meio errado?

 

Acho que eu não consegui entender muito bem o que você quer fazer, explique novamente, por gentileza, para que eu possa te auxiliar da melhor forma.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu queria fazer um tipo de slide automático, aí eu precisava que o js pegasse a primeira imagem dos posts, para exibir no slide automaticamente, esse seria o propósito do código.

 

Se você tiver um contato externo, agradeço :)

Mas no caso, a ideia é essa.

 

Abraço.

Jp.

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.