.ei-gallery-frame { float:left; display:inline; width:100%; overflow:hidden; } .ei-gallery-frame .ei-gallery-view { width:800px; height:164px; overflow:hidden; float:left; display:inline; font-size:14px; font-weight:bold; } .ei-gallery-frame .ei-gallery-view .ei-gallery-image { width:447px; height:118px; } .ei-gallery-frame .ei-gallery-list-frame { clear:both; margin-left:-20px; width:470px; } .ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list { padding:0; margin:0; list-style:none; } .ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li { padding:0; margin:10px 0 0 20px; } .ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li { float:left; display:inline; width:211px; height:67px; cursor:pointer; } .ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li img { width:211px; height:57px; } .ei-gallery-frame .ei-info-frame { float:left; display:inline; margin-top:20px;} .ei-gallery-frame .ei-content { float:left; display:inline; margin:15px 0 0 30px; } function imageItemSelect(target) { target = $(target); $('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-image').attr('src', target.find('>img').attr('src')); //검색에 '+' 가 들어가면 안되므로 임의로 '+' 를 넣어줌 설명 작성할때 빼야함. $('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-content').html('+ ' + target.find('>img').attr('alt')); //iframe keyword 변경 -> 파일 설명으로 검색 $('#preview').attr('src', '/thumblist.php?bo_table=rightcontent&keyword=' + target.find('>img').attr('alt')); } $(function() { imageItemSelect('.ei-gallery-frame>.ei-gallery-list-frame>.ei-gallery-list>li:first'); }); + 아래작은이미지를 클릭하시면 큰이미지를 보실수 있습니다. // 파일 출력 foreach($view['file'] as $file) { if(!empty($file['file'])) { ?>
=$file['content']?> } } ?>
//echo $view[rich_content]; // {이미지:0} 과 같은 코드를 사용할 경우?> if ($nogood_href) {?> 비추천 : =number_format($view[wr_nogood])?> } ?> if ($good_href) {?> 추천 : =number_format($view[wr_good])?> } ?> |
말씀해주신것과같이
ss 내용에.. li:focus 시에 대해 border를 부여해보았는데요
.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li img { width:211px; height:57px; border: solid 1px #CC0033; } 여기에 넣었더니 박스가 전부생기네요 ㅠㅠ
imageItemSelect 함수에서 element 에 css() 를 적용하는것은 함수를 추가해서 사용하라는 말씀이신지요 ?
css는 제가 만들수있는데 함수를 추가못해서요 어떤부분을 추가해야할까요
무식해서 죄송합니다. ㅠㅠ