채택완료

이미지 리스트에 출력시 문의

2016-10-18 (화) 11:17:00 3,083

제목에다 마우스오버하면

내용이 출력이 되는데요

이미지 주소복사한것도 보여지는데요

이미지 한개만 출력되게 하려면 어떻게 코드를 짜야될까요?

여러 이미지 중 첫번재 한개만 출력되게 하고싶습니다

d421be15e3cfddd9c701e0f1523a223a_1476756830_2858.png

Copy
<a id="fast_a_<?=$i?>" href="<?php echo $list[$i]['href'] ?>">                    <?php echo $list[$i]['subject'] ?>                                     </a>               <div class="fast_content" id="fast_content_<?=$i?>"><?php echo($list[$i][wr_content])  ?></div>                          <script>                    $('#fast_a_<?=$i?>').hover(function() {                $('#fast_content_<?=$i?>').css('display','block').find('img').css('max-width', '200px');                     }, function() {                        $('#fast_content_<?=$i?>').css('display','none');                    });                </script>
 

.fast_content{position:absolute;

width:500px;

      height:auto;

display: none;

padding: 15px;

margin-bottom: 20px;

border: 1px solid transparent;

border-radius: 4px;

color: #31708f;

background-color: #d9edf7;

border-color: #bce8f1;

}

가능한 부분인지 도움좀 부탁드릴게요~

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

$('#fast_content_<?=$i?>').css('display','block').find('img').css('max-width', '200px').not('img:first').hide(); 

답변에 대한 댓글 1개

감사합니다~~

게시물 내용 안에 첨부된 이미지중 첫번째 이미지만 노출을 원하신다는 것인가요 ?

내용은 없이 ? 그럼 이미지가 없는 경우는 없는건가요 ?

답변에 대한 댓글 1개

네 맞습니다 첫번째 이미지만 노출이 되면 됩니다 img src로 모두 시작하기때문에
첨부방식이 아닌이상은 불가능한걸까여?

마우스 오버할때 내용에서 가져오는거라면 대표이미지를 별도 업로드하는 방식을 가지고 노출되는것을 요청드리고 싶네요 그 부분이 아니면 img 테그를 검색해서 최근 하나의 이미지만 가져오는 방식을 걸러내야 하는 function 작업을 해서 반영을 해주셔야 할 부분인듯 합니다.

답변을 작성하려면 로그인이 필요합니다.