갤러리 리스트의 썸네일에 투명도 효과를 주고 싶습니다 정보
갤러리 리스트의 썸네일에 투명도 효과를 주고 싶습니다본문
if (file_exists($thumbs))
$img = "<img src='$thumbs' onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" border=0 align=absmiddle>";
.........
echo "<tr><td valign=middle align=center><a href='{$list[$i][href]}'>$img</a></td></tr>";
이렇게 했는데
이미지에 반응이 없어요
고수님들 도와주세요~~
$img = "<img src='$thumbs' onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" border=0 align=absmiddle>";
.........
echo "<tr><td valign=middle align=center><a href='{$list[$i][href]}'>$img</a></td></tr>";
이렇게 했는데
이미지에 반응이 없어요
고수님들 도와주세요~~
댓글 전체
ie는 버전에 따라 opacity 적용방법이 다릅니다~
filter: alpha(opacity=50); 는 ie8 이전버전에 적용되구요
ie8 은 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 요렇게 해야 됩니다.
스타일로 만들어서 적용해보세요~
마우스 오버,아웃시 클래스 변경하시면 됩니다.
.img_over {
opacity:0 .5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.img_out {
opacity:1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
filter: alpha(opacity=50); 는 ie8 이전버전에 적용되구요
ie8 은 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 요렇게 해야 됩니다.
스타일로 만들어서 적용해보세요~
마우스 오버,아웃시 클래스 변경하시면 됩니다.
.img_over {
opacity:0 .5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.img_out {
opacity:1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
너무 너무 감사합니다... ^^
onmouseover=\"this.style.filter='alpha(opacity=50)'\" onmouseout=\"this.style.filter=''\" 는
onmouseover=\"this.className='img_over'\" onmouseout=\"this.className=''img_out"
로 바꾸시면 됩니다~
onmouseover=\"this.className='img_over'\" onmouseout=\"this.className=''img_out"
로 바꾸시면 됩니다~