[XaPu3Ma]

Доброе время суток Ув. посетители данного форума.

Столкнулся с такой вот проблемой:

При наведении на картинку к примеру, отображается блок с доп. информацией на чёрном фоне. (То что я очень долго искал)

Но проблема вот в чём картинок разных много а информация всегда одна и та же... А нужна разная.

Помогите сделать так, что бы информацию можно было менять и она не повторялась!




Вот всё что есть:

<script type="text/javascript" src="http://ruseller.com/lessons/les205/tooltip.js"></script>

<script type="text/javascript">
	$(document).ready(function(){	
		$("a#cell").easyTooltip({
			useElement: "item"	
		});	
	});
</script>

<div class="item even_row r2 c0 lvl1"><div class="image"><a href="#" id="cell"><img src="source/img/cell.png" /></a></div></div>	
						
<div id="item">
	<div class="openText" id="openTexts">
		<h3>Uwow Бесплатный сервер WOW</h3>
  
	<div class="dashed"><li></li></div> 
		<img src="source/img/cell.png" />  
			<p><b>Голосов:</b> 245059</p>
			<p><b>Версия:</b> 243-434</p>
			<p><b>Онлайн:</b> 56500</p>
			<p><b>Переходов:</b> 17957</p>	
			<p><b>Оценка:</b><div class="picture-star stars-4"></div></p>	
	<div class="dashed"><li></li></div>
		<div class="block-worlds">
			<a href="#" class="red-billet">x125</a>
			<a href="#" class="red-billet">x10</a>
			<a href="#" class="red-billet">x999</a>
			<a href="#" class="red-billet">x100</a>
			<a href="#" class="red-billet">x100</a>
			<a href="#" class="red-billet">x175</a>
			<a href="#" class="red-billet">x100000</a>
			<a href="#" class="red-billet">x75</a>
			<a href="#" class="red-billet">x30</a>
			<a href="#" class="red-billet">x115</a>
			<a href="#" class="red-billet">x1</a>
			<a href="#" class="red-billet">x150</a>
		</div>
	</div>
</div>