[Hỏi đáp] Làm sao để mod_new hiện thị 1 ảnh của bải viết

như tiêu đề ai giúp với

ok cảm ơn bạn

KirigayaKazuto wrote:Thử xem

Code:

$('.abc').find('img').hide();
$('.abc').find('img:first').show();

sao mình làm ko được nhỉ

KirigayaKazuto wrote:Tùy biến class chưa?

mình chỉnh class rồi .abc thành class rồi mà vẫn hiện nhiều ảnh

KirigayaKazuto wrote:Đặt trong hàm function chưa?

mình ko hiểu

đây là mod new của mình

Code:

<br/><br/><br/><br/><br/>
<div id="leftColumn"><div class="box photoDetails">
  <div class="main-filter ">
            <div id="use-tips">
                <div class="list-tips" id="view-info">
                   
                 
                  <a class="keyboard_link" href="/"><b><h3>Ảnh mới</h3></b></a>                   
                </div>
            </div>
    <a href="/login" class="safe-mode-switcher on">&nbsp;</a>
                             </div>
<style>
  #view-info .keyboard_link {
    border-bottom: 1px dotted #999999;
    color: #3D9400;
    float: left;
    margin-left: 8px;
    margin-top: 15px;
}
.main-filter {
    background-color: #F4F4F4;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 1px #FFFFFF inset, 0 -1px #DDDDDD inset;
    height: 43px;
    margin-top: -5px;
    overflow: hidden;
}
 
  .body a {

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;}
 
  </style>
 
  <br/>

  <div class="tips"><b>Chú ý: </b><b>MeoVip</b> hoạt động tốt với trình duyệt <b>(Chrome)</b> trình duyệt <b>firefox</b> có thể sảy ra vài <b>lỗi</b> !</div>
          <br>
  <style>.body img { width: 390px;}</style>
           
<!-- BEGIN post_row -->
<!-- BEGIN saut -->
<div style="height:2px"></div>
<!-- END saut -->
          <style>.pun .main-content {
            background-color: #fff;/*
            border: 1px solid #ddd;*/
            }
.remark_new {
    background: url("http://upanh.biz/images/2014/03/12/sprite-1.png") repeat scroll 0 66px rgba(0, 0, 0, 0);
    height: 66px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 66px;
    z-index: 6;
}
            </style> 
         
           
<div class="module main">
   <a name="news_{post_row.ID}"></a>

 
  <style>.start_line {
    background: url("http://upanh.biz/images/2014/03/12/sprite-11.png") repeat scroll;
 
    }</style>
 
 
   <div class="module mod_news">

         
         

         
      <div class="main-content" style="padding:0;">

                 
                 
                 
                              <div class="" style="margin-top: 10px; width: 250px; float: right; line-height:22px"><p>
<a target="_blank" style="font-size: 23px; line-height: normal" href="{post_row.U_VIEW_COMMENTS}">{post_row.TITLE}</a> </p>
                                <div class="start_line"></div>
                               
                               
                                <div class="khungbxq">
 <div class="avs">    <div class="text1134"> <div class="uploader">Đăng bởi: {post_row.POSTER}</div>
 <span class=""><img title="Thời gian đăng" src="http://i35.servimg.com/u/f35/18/42/35/47/19011.png"> {post_row.TIME} </span>  </div>
                                </div>  </div>  <br>             
                               
                               
                           
 <span class="traloi" title="Lượt trả lời" style="background: url(http://s.haivl.com/content/images/comment_icon.png) no-repeat transparent; padding-left: 18px;margin-left: 5px;font-weight: bold; font-size: 15px;">: {post_row.REPLIES}      </span>   
                                  <br>

<!-- khung -->



<div class="sharing-box ">
                                    <hr class="arrow">
                                    <ul class="sharing ">
                                        <li id="share1-2895" class="facebook">
                                           <span id="list-share-twitter-2895">
                                                                           <fb:share-button type="button_count" href="http://oivip.net/post/2895/"></fb:share-button>
                                                                                </span>
                                 <div class="facebook-share-btn" style="float:right">
                                                                           
                              <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.meovip.com/{post_row.U_VIEW_COMMENTS}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;padding-right:8px;" allowtransparency="true"></iframe>       
                                                                     </div>
                                        </li>
                                    </ul>
                             
<!-- khung -->

 <p></p></div></div>



<style>
  .text1134{
  float: left;
margin-left: 39px;
  }
.avs a.inx img {
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    height: 30px;
    padding: 1px;
  width: 30px;/*
  margin-top: -19px;
  margin-left: 29px;*/
  margin-bottom: -40px;
}
.khungbxq
  {
  /*
margin-top: -20px;*/
  float: right;
  margin-right: 10px;
  margin-bottom: 5px; 
  width: 175px;
  background-color: #EEE;
  padding: 5px 5px 5px 8px;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #545454;
 
}
hr.arrow {
    background: url("http://oivip.net/images/sprite_v12.png") no-repeat scroll 105px -254px rgba(0, 0, 0, 0);
    border: medium none;
    height: 4px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
.sharing-box {
    overflow: hidden;
    width: 220px;
}
.sharing-box ul.sharing {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    box-shadow: 0 1px 2px #EEEEEE, 0 0 0 1px #FFFFFF inset;
    list-style-type: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 218px;
}
.sharing-box ul.sharing.pinterest, .sharing-box ul.sharing.weibo {
    padding-bottom: 4px;
}
.sharing-box ul.sharing.orkut, .sharing-box ul.sharing.tuenti {
    padding-bottom: 2px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li {
    height: 20px;
    padding: 6px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .facebook-share-button {
    float: right;
    margin-top: 1px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing.pinterest li .facebook-share-button, #entries-content.list ul.col-1 li .sharing-box ul.sharing.weibo li .facebook-share-button {
    margin-top: 3px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing.orkut li .facebook-share-button, #entries-content.list ul.col-1 li .sharing-box ul.sharing.tuenti li .facebook-share-button {
    margin-top: 2px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .facebook-share-big {
    margin-bottom: -3px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li .twitter-share-button {
    margin-right: -20px;
}
#entries-content.list ul.col-1 li .sharing-box ul.sharing li #orkut_share {
    float: left;
    width: 76px !important;
}
.sharing-box ul.sharing li a, .sharing-box ul.sharing li iframe, #entries-content.list ul.col-1 li .sharing-box ul.sharing li a, #entries-content.list ul.col-1 li .sharing-box ul.sharing li iframe {
    display: inline-block;
}

.sep-line {
    background: url("http://upanh.biz/images/2014/03/12/sprite-1RBZPVuJptO.png") repeat scroll -1px 102px rgba(0, 0, 0, 0);
    height: 40px;
    margin-top: -19px;
}
</style>
                      <div class="remark_new">    </div>
         <div class="body">
                         
                         

                         
                          <a href="{post_row.U_VIEW_COMMENTS}">{post_row.TEXT}</a><br /><br />
            <!-- BEGIN switch_attachments -->
            <dl class="attachbox">
               <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
               <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                     <dt>
                                                          <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->

                        <!-- BEGIN switch_no_dl_att -->
                        {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                     </dt>

                     <!-- BEGIN switch_no_comment -->
                     <dd>
                        <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                     </dd>
                     <!-- END switch_no_comment -->

                     <!-- BEGIN switch_no_dl_att -->
                     <dd>
                        <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                     </dd>
                     <!-- END switch_no_dl_att -->

                     <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
               </dd>
            </dl>
            <!-- END switch_attachments -->
            <div class="clear"></div>
            {post_row.OPEN}<a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>{post_row.CLOSE}
         </div>
                 
                 
                 

                 
                 
                 
      
      </div>
   </div>

</div>
                                  <div class="sep-line"></div>
<!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<!--
                <a class="buttons nextListPage" href="/f1p2-forum" style="display: inline;color: white;font:bold;">xem thêm, còn nhiều lắm</a>
-->
 <br>   
<div class="paging-buttons" id="paging-buttons">
                               <a class="previous disabled" onclick="return false;" href="#">« Mới hơn</a>
                                                <a class="older" href="/f1p2-forum">Cũ hơn »</a>
                            </div>

<style>
#paging-buttons {
    background-color: #F4F4F4;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    overflow: hidden;
    padding: 10px;
}
#paging-buttons a {
    background-color: #3B5998;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    width: 100%;
}
#paging-buttons.paging-buttons a {
    float: right;
    width: 308px;
}
#paging-buttons.paging-buttons a:hover, #paging-buttons.infinite a:hover {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF, 0 0 0 30px rgba(255, 255, 255, 0.21) inset;
    opacity: 0.9;
}
#paging-buttons.paging-buttons a:active, #paging-buttons.infinite a:active {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.21) inset, 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px #FFFFFF;
}
#paging-buttons.paging-buttons a.previous {
    float: left;
}
#paging-buttons a.disabled, #paging-buttons a.disabled:hover, #paging-buttons a.disabled:active {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px #FFFFFF;
    cursor: default;
    opacity: 0.2;
}
</style>

             
  </div>
  </div>

Code:

$(function(){
  $('.remark_new + .body').find('img').hide();
  $('.remark_new + .body').find('img:first').show();
});

KirigayaKazuto wrote:

Code:

$(function(){
  $('.remark_new + .body').find('img').hide();
  $('.remark_new + .body').find('img:first').show();
});

ok thank bác :D mình lam dc rồi 8|