Inline hover on Div

Question

Привет, я пытаюсь запустить цикл while из базы данных, чтобы отобразить несколько разных записей, однако способ отображения записи осуществляется через разные изображения, поэтому я не могу настроить его с помощью стандартного css и делать это через инлайн CSS, однако я получил его до точки, где он отображает каждый штраф изображения, однако не будет отображаться новое изображение на парении пользователем, вот линия для DIV соответствующего

<div id="house_wrapper" style="background-image: url(images/HOUSES/<?php print "$house_name";?>.png); :hover{background-image: url(images/HOUSES/<?php print "$house_name";?>_hover.png)};"></div><!---end house_wrapper---> 

И здесь приведен код для всего цикла while

<div id="house_summary_content"> 

    <?php 
      $query = mysql_query("SELECT * FROM user_houses WHERE user_id='$user_id'"); 

      while($row = mysql_fetch_assoc($query)) : ?> 
<?php extract($row);?> 
<?php $sql_house = mysql_query("SELECT * FROM houses WHERE house_id='$house_id'"); 
$house_array = mysql_fetch_assoc($sql_house); 
$house_name = $house_array['house_name'];?> 
<div id="house_wrapper" style="background-image: url(images/HOUSES/<?php print "$house_name";?>.png); :hover{background-image: url(images/HOUSES/<?php print "$house_name";?>_hover.png)};"></div><!---end house_wrapper---> 


<?php endwhile ?> 

</div><!---end house_summary_content---> 

Спасибо за любую помощь, которую вы, ребята, можете дать

Answer 1

Не могли бы вы использовать javascript через onmouseover и onmouseout? например:

<div id="house_wrapper" style="background-image: url(http://i.imgur.com/F5iJY.jpg);width:100%;height:400px;" onmouseover="this.style.backgroundImage='url(http://i.imgur.com/YpJyG.jpg)';" onmouseout="this.style.backgroundImage='url(http://i.imgur.com/F5iJY.jpg)';"></div>​ 

Демоhttp://jsfiddle.net/UvPHp/9/

Answer 2

Попробуйте это:

HTML/PHP:

<div id="house_summary_content"> 
<?php 
    $query = mysql_query("SELECT * FROM user_houses WHERE user_id='$user_id'"); 

    while($row = mysql_fetch_assoc($query)) : ?> 
<?php extract($row);?> 
<?php $sql_house = mysql_query("SELECT * FROM houses WHERE house_id='$house_id'"); 
$house_array = mysql_fetch_assoc($sql_house); 
$house_name = $house_array['house_name'];?> 
<div id="house_wrapper" style="background-image: url('images/HOUSES/<?php print $house_name;?>.png')"></div><!---end house_wrapper---> 

<?php endwhile ?> 

</div><!---end house_summary_content---> 

CSS:

<?php print $house_name; ?>:hover { 
    background-image: url('images/HOUSES/<?php print "$house_name"; ?>_hover.png') 
}; 

Это должно работать до тех пор, пока у вас нет пробелов в имени файла изображения.