Primeiramente, é bem possível que já exista tópicos falando sobre isso. Não foi falta de pesquisa, acredito apenas que não encontrei as palavras chave corretas.
Pergunta auto explicativa. Preciso que determinado código apareça na pagina, de acordo com a classe que foi atribuída à <div>
.
Como exemplo, seria mais ou menos assim:
.a{
<img src="caminho/imagem1.png" title="Imagem 1" >
}
.b{
<img src="caminho/imagem2.png" title="Imagem 2" >
}
<div class="a"></div>
<p>
<div class="b"></div>
É possível?
background:#fafafa url('img/grey.png') repeat;
nesse exemplo to carregando uma imagem para o background de uma div!<img>
dentro da<div>
tipo assim:<div class="a"><img src="caminho/imagem1.png" title="Imagem 1" ></div>
ou vc apenas quer apenas que sempre que vc coloque a class ".a" a<div>
fique com uma imagem de fundo?display:none
nos elementos e adiciona-los no corpo do HTML e conforme a classe ouhover
por exemplo, eles seriam exibidos.