Всплывающее окно с названием на слайдере
 

Всем привет!
Гуру, подскажите пожалуйста, слайдер из WP построен так

<li class="sliderimgLi">
<a title="--><?php echo $title;?>" rel="lightbox" href="<?php echo $outputimgmain;?>" onmouseover="$('div.slider-title').addClass('hidden-off');" onmouseout="$('div.slider-title').removeClass('hidden-off');">
<img src="<?php echo $outputimg; ?>" alt="<?php echo $rowTitle; ?>" title="<?php echo $rowTitle;?>" <?php if($is_ie_8_or_ie_7!=true){ ?> style="width:<?php echo $settings['imagewidth']; ?>px !important;height:<?php echo $settings['imageheight']; ?>px !important" <?php }?>  />
<div class="slider-title"><?php echo $rowTitle; ?></div>
</a>
</li>

<div class="slider-title"><?php echo $rowTitle; ?></div>

- моя вставка.

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

Как правильно решить проблему вывода?
Спасибо!

Хм... как же сделать чтобы всплывал блок с надписью только в 1 слайде при наведении?

Посмотри примеры других слайдеров. Я вообще то нифига не смыслю в вёрстке, но вроде бы, текст к фотографиям (а значит твой div) ставится поверх всего списка (ul). Ну а затем уже он управляется JS-скриптом, как и сами фотографии: что то показывается при наведении, а что-то скрывается. Ну так я думаю по крайней было бы логически правильно, хотя повторяю - в вёрстки я мало что понимаю.