이미지 리스트에 출력시 문의 채택완료
거너비ok
9년 전
조회 2,797
제목에다 마우스오버하면
내용이 출력이 되는데요
이미지 주소복사한것도 보여지는데요
이미지 한개만 출력되게 하려면 어떻게 코드를 짜야될까요?
여러 이미지 중 첫번재 한개만 출력되게 하고싶습니다
</p><p> <a id="fast_a_<?=$i?>" href="<?php echo $list[$i]['href'] ?>"></p><p> <?php echo $list[$i]['subject'] ?></p><p> </p><p> </a></p><p> </p><p> <span style="font-size: 11pt;"> </span><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;"><div </code><code class="keyword" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; font-weight: bold !important; color: rgb(0, 102, 153) !important;">class</code><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">=</code><code class="string" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: blue !important;">"fast_content"</code><span style="font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 17.505px; background-color: rgb(255, 255, 255);"> </span><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">id=</code><code class="string" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: blue !important;">"fast_content_<?=$i?>"</code><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">><?php </code><code class="functions" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: rgb(255, 20, 147) !important;">echo</code><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">(</code><code class="variable" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: rgb(170, 119, 0) !important;">$list</code><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">[</code><code class="variable" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important; color: rgb(170, 119, 0) !important;">$i</code><code class="plain" style="font-size: 17.505px; background-color: rgb(255, 255, 255); font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.8em !important;">][wr_content]) ?></div></code></p><p> </p><p> </p><p> <script></p><p> $('#fast_a_<?=$i?>').hover(function() {</p><p> $('#fast_content_<?=$i?>').css('display','block').find('img').css('max-width', '200px'); </p><p> }, function() {</p><p> $('#fast_content_<?=$i?>').css('display','none');</p><p> });</p><p> </script></p><div>
</div><p>.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개
채택된 답변
+20 포인트
9년 전
$('#fast_content_').css('display','block').find('img').css('max-width', '200px').not('img:first').hide();
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
거너비ok
9년 전
감사합니다~~
댓글을 작성하려면 로그인이 필요합니다.
9년 전
게시물 내용 안에 첨부된 이미지중 첫번째 이미지만 노출을 원하신다는 것인가요 ?
내용은 없이 ? 그럼 이미지가 없는 경우는 없는건가요 ?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
거너비ok
9년 전
네 맞습니다 첫번째 이미지만 노출이 되면 됩니다 img src로 모두 시작하기때문에
첨부방식이 아닌이상은 불가능한걸까여?
첨부방식이 아닌이상은 불가능한걸까여?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인