Помогите соединить код

4

DeKrew

4 июля 2008, 09:05

394

Посоветуйте пожалуйста, как сделалать так чтобы картинка находящяяся в рамке, подсвечивалась при наведении курсора, а рамка не подсвечивалась :)

Другими словами : я знаю как подсветить картинку и знаю как рамку сделать , но вот как соединить рамку с подсвечивающейся картинкой - не знаю ))

Вот мой код:

<head>

<!--

#wrapper_1 {

width: 300px;

height: 225px;

background: url(http://smages.com/i/15/eb/15eb375110560fcc049a70c773b1018d.gif) no-repeat;

}

#wrapper_2 {

width: 100%;

height: 100%;

cursor: pointer;

}

-->

</style>

</head>

<body>

Эта картинка светится при наведении курсора:

<div id="wrapper_2" onmouseover="this.style.background='#fdffe5'; this.style.filter='alpha(opacity=40)';

this.style.opacity='0.0'"

onmouseout="this.style.filter='alpha(opacity=0)'; this.style.opacity='0.2'" onclick="window.location='http://html.by/'">

</div>

<br><br>Это статичная картинка в рамке:

<tr>

<img src="http://smages.com/i/15/eb/15eb375110560fcc049a70c773b1018d.gif" /width="300" height=225 VSPACE=1

HSPACE=1>

</td>

</tr>

</table>

</body>

</html>

11

Alex-krs

4 июля 2008, 09:52

#1

без js никак.

$('div#fi_l span:not(.sel_l)').css('opacity', 0.3);

$('div#fi_l span:not(.sel_l)').hover(function(){

$(this).css('opacity', 1);

}, function(){

$(this).css('opacity', 0.3);

});

</script>

</div>

DK

4

DeKrew

4 июля 2008, 10:57

#2

Что-то у меня это никакого эффекта не дало ..

Можете преобразовать в уже полностью готовый код ? :)

11

Alex-krs

4 июля 2008, 11:52

#3

jquery.pack.js

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах