Евгений в рубрику JavaScript

Вопрос: Создание всплывающего текста на картинке, при наведении на неё.

Не знаю как реализовать, помогите пожалуйста.

Пример: headmade.in.ua

<td><div id="slider">
<ul id="sliderContent" style="padding: 0px;">
<li style="display: list-item; opacity: 0.021644;" class="sliderImage">
<a href="http://headmade.in.ua//category/apple/kratkie_itogi_wwdc_09.html"><img src="http://photoload.ru/data/b2/9e/1b/b29e1baea1aa0702319961bcae84d87b.jpg" alt="Краткие итоги WWDC '09" title="Краткие итоги WWDC '09"></a>
<span style="display: none;">Краткие итоги WWDC '09</span>
</li><li style="display: none;" class="sliderImage">
<a href="http://headmade.in.ua//category/apple-iphone/novoe_foto_iphone_4g.html"><img src="http://photoload.ru/data/bf/2d/39/bf2d393bc9e2e34fd5705f92a5cebe79.jpg" alt="Новое фото IPhone 4G" title="Новое фото IPhone 4G"></a>
<span style="display: none;">Новое фото IPhone 4G</span>
</li><li style="display: none;" class="sliderImage">
<a href="http://headmade.in.ua//category/apple-iphone/IPhone_-_hadalka.html"><img src="http://photoload.ru/data/e9/bb/cc/e9bbcc76e4c32d0a1276efc5e6c1d6c8.jpg" alt="IPhone - Гадалка" title="IPhone - Гадалка"></a>
<span style="display: none;">IPhone - Гадалка</span>
</li>

  <div class="clear sliderImage"></div>
</ul>
</div>
</td>


Где можно было бы найти пример создания подобного? Требуется только то, что бы при наведении на картинку выезжал текст в прозрачной области. Помогите пожалуйста.

Заранее спасибо Евгений.

Задайте свой вопрос

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

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 8

Евгений
Пожалуйста помогите.
Grin
А не пробовали посмотреть как это сделано у них?
#
Grin
Алексей
Евгений,пожалуйста http://ps-studio.info/news/2
Евгений
Спасибо большое! Как раз то что мне нужно!
Евгений
Здесь почитай.
#
Евгений
Ассассин
Спасибо Евгений это именно то что нужно
#
Ассассин
world
А не подскажите реализацию?

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler