css 갤러리 ㅜ ㅜ 아웃시에도 이미지 고정이 될까요?
해길
style type=text/css
a, a:visited, a:hover, a:active {color:#000;}
#album {width:1000px; height:256px;border:1px solid #aaa;margin:0 auto;}
.gallery {padding:0; margin:320px 0 0 0; list-style-type:none; position:relative; width:1000px;}
.gallery img {border:0;}
.gallery li {float:left;}
.gallery li a, .gallery li a:visited {font-size:11px;float:left; text-decoration:none; color:#000; background:#fff; text-align:center; width:60px; height:26px; line-height:24px; border:1px solid #444;margin:2px;}
.gallery li a span img {position:absolute; top:-320px; left:0; visibility:hidden; border:0;}
.gallery li a span img.landscape {top:-320px;}
.gallery li a span img .portrait {left:0;border-left:40px solid #eee;border-right:40px solid #eee;}
.gallery li a:hover {background:#ddd;}
.gallery li a:hover, .gallery li a:active, .gallery li a:focus {background:#444;color:#fff;}
.gallery li a:hover img, a:active img, .gallery li a:focus img {visibility:visible;}
/style
div id=album
ul class=gallery
lia href=#nogoimg src=./img/pro_list01_s01.gif /spanimg class=landscape src=./img/pro_list01_b01.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s02.gif /spanimg class=landscape src=./img/pro_list01_b02.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s03.gif /spanimg class=landscape src=./img/pro_list01_b03.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s04.gif /spanimg class=landscape src=./img/pro_list01_b04.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s05.gif /spanimg class=landscape src=./img/pro_list01_b05.jpg //span/a/li
lia href=#nogoimg src=./img/pro_list01_s06.gif /spanimg class=landscape src=./img/pro_list01_b06.jpg //span/a/li
/ul
/divㅜ ㅜ 소스 보시면 아시겠지만 오버나, 클릭시에는 이미지가 뜨도록 설정은 했습니다만
마우스가 아웃될시에 전에 클릭하거나 오버했던 이미지 기억하는 소스를 모르겠습니다ㅜㅜ
이상하게 ㅜ 전에 위와같은 사이트를 만들었는데 왜 -_-; 지금 같은소스로도 아무것도 못할까요 흐미 ㅜ
