Trocar Backgrounod-image de uma div com Hover

[kaiquemix 1]

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>

[Alaerte Gabriel 662]

Não é possível fazer isso diretamente com PHP. PHP é Server-Side. Teria utilizar jquery para fazer requisição ao PHP, o que eu acho brutalmente desnecessário. Faça direto no CSS.

[kaiquemix 1]

Não é possível fazer isso diretamente com PHP. PHP é Server-Side. Teria utilizar jquery para fazer requisição ao PHP, o que eu acho brutalmente desnecessário. Faça direto no CSS.

Poderia me ajudar de como fazer, estou completamente sem caminho.

[Alaerte Gabriel 662]

Um simples exemplo:

http://eufacoprogramas.com/efeito-troca-de-imagens-com-jquery/

[Ignição 1]

Tenta trocar o style de background da imagem_big pelo style de background da ca-item no hover.

Exemplo:

	$(document).ready(function(){

		$(".ca-item").hover(function(){
			var fundo = $(this).attr("style");
			$(".imagem_big").attr("style",fundo);
		});

	});