Нужна помощь
Доброе время суток Ув. посетители данного форума.
Столкнулся с такой вот проблемой:
При наведении на картинку к примеру, отображается блок с доп. информацией на чёрном фоне. (То что я очень долго искал)
Но проблема вот в чём картинок разных много а информация всегда одна и та же... А нужна разная.
Помогите сделать так, что бы информацию можно было менять и она не повторялась!
Вот всё что есть:
<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>
|