0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 1433 Просмотров
*

qwe

  • Захожу иногда
  • 57
  • 0 / 0
*

qwe

  • Захожу иногда
  • 57
  • 0 / 0
ладно, дополню, у меня стоит табличный список товара, по заданию надо сделать что бы при наведении на курсора на данный товар, появлялась мини копия изображения товара
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
ладно, дополню...

Неужто уговорили? Спасибо за одолжение...

Код: html4strict
<table>
    <tr>
        <td class="product">
          <img src="путь_к_картинке_товара" alt="Мегатовар" />
          <h3>Мегатовар</h3>
          <p>Мегатовар - это самый мегатоваристый из всех мегатоваров</p>
        </td>
    </tr>
</table>

Код: css
.product{
    position: relative;
}
.product img{
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}
.product:hover img{
    display: block;
}

Далее опционально навешиваем скрипт который "смягчит" появление и исчезновение картинки. Для удобства можно использовать js-фреймворк Mootools
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться