Вы смешиваете несколько разных языков. Php является языком на стороне сервера и не должен / не может использоваться для выполнения клиентских задач, например изменение изображения во время наведения мыши. Если вы хотите сделать это, ваш лучший вариант - это JavaScript (или CSS). Я объясню оба метода ниже.
JAVASCRIPT
если вы хотите использовать javascript, вам просто нужно добавить двух слушателей к вашему div, которые слушают mouseover и mouseout. Эти слушатели вызывают функцию javascript и отправляют событие, поэтому мы знаем, над чем вы наведите курсор.
<div class="logo" onmouseover="changeLogo(event)" onmouseout="changeLogo(event)">
<a href="<?php bloginfo('home'); ?>">
<img src="<?php get_bloginfo('template_url'); ?>/images/graphicbox.jpg" />
</a>
</div>
<script language="javascript">
function changeLogo(e)
{
var div = e.currentTarget; //GETS THE DIV
var a = div.firstChild; //GETS THE FIRST CHILD OF THE DIV, WHICH IS THE A-ELEMENT
var img = a.firstChild; //GETS THE FIRST CHILD OF THE A-ELEMENT, WHICH IS THE IMG.
img.src = (img.src == "OLDLINK") ? "YourNewLink" : "OLDLINK"; //SWAPS BETWEEN LINKS
}
</script>
Так вот и все для части JavaScript. На css.
CSS
На самом деле это наиболее используемый и самый простой подход. просто оберните ваш div в a-элемент и установите фоновое изображение для вашего div.
<a href="<?php bloginfo('home'); ?>">
<div class="logo"></div>
</a>
<style>
.logo
{
background-image: url('linkToImage.png');
}
.logo:hover
{
background-image: url('linkToNewImage.png');
}
</style>
как видите, этот метод чище и проще. А так как вы используете логотип, вы можете установить фиксированную ширину и высоту для вашего div, чтобы у вас не было никаких проблем. Я также рекомендую использовать этот css-подход.
Если у вас есть другие вопросы, не стесняйтесь задавать;)