Trocar Backgrounod-image de uma div com Hover
Quero que a classe imagem_big troque o background-image para a imagem da classe ca-item quando o mouse estiver em cima da div ca-item, sedo que terão varias ca-item e deve ir mudando conforme o mouse vai mexendo.
O problema que as imagens vem através do bando de dados e no caso seria fazer o <?=$capa['imagem'];?> virar <?=$imagens_imovel['imagem'];?> com o hover.
CÓDIGO:
<div id="imagens">
<?php
$id_imovel = $imovel['id'];
$imagem_capa = mysql_query("SELECT * FROM imagens_imovel WHERE id_imovel = '$id_imovel' AND capa = 1");
$capa = mysql_fetch_array($imagem_capa);
?>
<div id="imagem_big" style="background-image:url(images/imoveis/<?=$capa['imagem'];?>)">
<?php
if($imovel['negocio'] == 'Vende'){
echo '<img src="images/faixa_vende_big.png" class="faixa_neg" />';
}
else if($imovel['negocio'] == 'Aluga'){
echo '<img src="images/faixa_aluga_big.png" class="faixa_neg" />';
}
?>
</div>
<div id="seletor_imagem">
<div id="ca-container" class="ca-container">
<div class="ca-nav">
<span class="ca-nav-prev">Previous</span>
<span class="ca-nav-next">Next</span>
</div>
<div class="ca-wrapper">
<?php
$imagens = mysql_query("SELECT * FROM imagens_imovel WHERE id_imovel = '$id_imovel' ORDER BY capa");
while($imagens_imovel = mysql_fetch_array($imagens)){
?>
<div class="ca-item" style="background-image:url(images/imoveis/<?=$imagens_imovel['imagem'];?>)"></div>
<?php
};
?>
</div>
</div>
</div>
</div>Discussão (4)
Carregando comentários...