Замена содержимого блока div при наведении на эллемент.

[Agahnim]

Здравствуйте, джедаи js!

Потребовалось менять содержимое блока div при наведении (Не Нажатии!) на элемент, в моем случае элемент это картинка.

Как заставить вот этот скрипт:

var AjaxContent = function(){
    var container_div = ''; 
	var content_div = ''; 
	return {
		getContent : function(url){
			$(container_div).animate({opacity:0}, 
					function(){ 
						$(container_div).load(url+" "+content_div, 
						function(){						   
						   $(container_div).animate({opacity:1});
					}
				);        
			});
		},
		ajaxify_links: function(elements){
			$(elements).click(function(){
				AjaxContent.getContent(this.href);
				return false; 
			});
		},
		init: function(params){ 
			container_div = params.containerDiv; 
			content_div = params.contentDiv;
			return this; 
		}
	}
}();

...работать по onmouseover / onmouseout?

Не очень смыслю в js, вернее только начинаю. Больше по PHP.

Edited September 10, 2011 by Agahnim

[Softlink]

а :hover из css не помогает?

[Agahnim]

А каким, извините образом он должен помочь?

К тому же, у меня не ссылка а картинка.

К тому же нужно не сделать видимым а поменять содержимое.

Edited September 10, 2011 by Agahnim

[Softlink]

А каким, извините образом он должен помочь?

К тому же, у меня не ссылка а картинка.

Ну давайте начнем с того, что ховер работает не только для ссылок. А что должно получиться? Мы наводим на блок с картинкой и появляется другая картинка? Или при каждом наведении они должны быть разными?

[Agahnim]

Прочтите пожалуйста первый пост.

Потребовалось менять содержимое блока div при наведении (Не Нажатии!) на элемент, в моем случае элемент это картинка.

P.S. В блоке div куча html кода.

Edited September 10, 2011 by Agahnim

[sigma77]

Agahnim,

Попробуй заменить эту строчку

$(elements).click(function(){

на следующую

$(elements).mouseover(function(){

[Softlink]

ну мое дело было предложить, не подходит так не подходит

[Agahnim]

Agahnim,

Попробуй заменить эту строчку

$(elements).click(function(){

на следующую

$(elements).mouseover(function(){

Допустим да, но у меня нет возможности задать ссылку как предполагает скрипт.

[sigma77]

Agahnim,

Какую ссылку?

У тебя раньше этот скрипт работал по клику на element, теперь при наведении мыши на тот же element...

Большего по предоставленному куску, я лично сказать не могу.

[Agahnim]

Agahnim,

Какую ссылку?

У тебя раньше этот скрипт работал по клику на element, теперь при наведении мыши на тот же element...

Большего по предоставленному куску, я лично сказать не могу.

Хорошо, я разобрался с заданием ссылки. Проблема сейчас в другом - навожу на картинку, то что надо - затухает и загорается заново, тоесть не меняясь.

На странице в весит

 $(function(){
                AjaxContent.init({containerDiv:".gameinfo",contentDiv:".info"
}).ajaxify_links("#menuimg");
        });

и меняющейся div

<div class="gameinfo">
<div class="info">
Test
</div></div>

который меняется по наведении мыши на картинку

<img href="1.html" id="menuimg" border="0" src="#">

если поменять в скрипте

AjaxContent.getContent(this.href);

на более существующий параметр в теге img

AjaxContent.getContent(this.alt);

То див просто затухает и не появляется ничего.

Может есть более простой способ менять контент DIV'a при наведении на картинку?

Edited September 10, 2011 by Agahnim