Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Одна картинка по верх другой, нужен код
цитата
08/08/11 в 04:16
 densa
Кто из верстальщиков сможет написать следующее
есть сидж со смарт тумбом. смарт генерит тумбы выдавая код

<td><a href="#url0_group3_categoryALL#50"><img src="#pic0_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url1_group3_categoryALL#50"><img src="#pic1_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url2_group3_categoryALL#50"><img src="#pic2_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url3_group3_categoryALL#50"><img src="#pic3_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url4_group3_categoryALL#50"><img src="#pic4_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url5_group3_categoryALL#50"><img src="#pic5_group3_categoryALL#" border="0"></a></td>
    <td><a href="#url6_group3_categoryALL#50"><img src="#pic6_group3_categoryALL#" border="0"></a></td>

нужно написать что бы при наведении на тумбы поверх нее размещался полупрозрачный png файл
т.е до наведения так


при наведении мышки так


реловер не подходит, т.к. рисовать дубли тумб не вариант

ценник за код озвучивайте в топике, в личке, или в аське (в профайле)
цитата
08/08/11 в 08:18
 Joseph
5$)
цитата
08/08/11 в 08:44
 densa
Joseph: стукнул в асю
цитата
08/08/11 в 08:49
 LeadFarmer
уже делал такое. код на jq. бесплатно тебе код отдам. в пм пиши
цитата
16/08/11 в 23:29
 RA Optimus
очень просто. примерно так на jquery:

$("img").mouseenter(function()
{
/* добавляем before и показываем div с иконкой play поверх картинки
если у родителя position relative, то у дива с иконкой будет абсолютное позиционирование и left:0;top:0; ширина и высота равна картинке. у дива иконка - это бекграунд по центру
*/

}).mouseleave(function()
{
//скрываем див с иконкой play
});


Эта страница в полной версии