【问题标题】:i want to hide image div having no images using php我想使用 php 隐藏没有图像的图像 div
【发布时间】:2018-10-31 21:04:23
【问题描述】:

我想在没有图像时隐藏我的 html div,并在我有图像时显示它。如何使用 php 执行此操作? 这是我的代码

<?php
   $imgsql=mysqli_query($link,"select eve_pic,eve_pic2,eve_pic3,eve_pic4 from event_tbl");

?>
                <div class="col-md-3 col-sm-6 col-xs-12" <?php  if(mysqli_num_rows($imgsql)>0){ 
                      $imgrow=mysqli_fetch_array($imgsql);
               ?> style="visibility:visible;"<?php }?> <?php else { ?> style="display:none" <?php}?> >
                    <div class=sz_portfolio_003_trig_wrap>
                              <div class=sz_portfolio_003_trig_img>
                        <div class=sz_portfolio_003_trig_btn>
                                 <a href=#sz_portfolio_003_4_col data-backdrop=true data-slide-to=0 data-toggle=modal>
                            <img src="admin/uploads/eventpics/<?php echo $imgrow['eve_pic'];?>" alt="sz_portfolio_003_01" width="200px" height="200px" class="imagen"/></a>

                            </div>
                        </div>

                    </div>
                </div> 

【问题讨论】:

标签: php html styles


【解决方案1】:

只需将其更改为:

<?php if(!empty($imgrow['eve_pic']))?>{
<div class=sz_portfolio_003_trig_wrap>
    <div class=sz_portfolio_003_trig_img>
        <div class=sz_portfolio_003_trig_btn>
            <a href=#sz_portfolio_003_4_col data-backdrop=true data-slide-to=0 data-toggle=modal>
            <img src="admin/uploads/eventpics/<?php echo $imgrow['eve_pic'];?>" alt="sz_portfolio_003_01" width="200px" height="200px" class="imagen"/></a>

        </div>
    </div>
</div>
<?php } ?>

如果 Image 存在则只显示 div。

【讨论】:

    【解决方案2】:
                <div class="col-md-3 col-sm-6 col-xs-12" style="<?php 
    
                      if (mysqli_num_rows($imgsql)>0){ 
                      $imgrow=mysqli_fetch_array($imgsql);
                      echo "display:block;"}
    
                      else { echo "display:none"};
    
                 ?>"...
    

    【讨论】:

      【解决方案3】:

      你需要使用 If 语句来得到你想要的。要了解更多关于 If 语句的信息,请阅读它here

      改变这个:

          <?php
         $imgsql=mysqli_query($link,"select eve_pic,eve_pic2,eve_pic3,eve_pic4 from event_tbl");
      
      ?>
                      <div class="col-md-3 col-sm-6 col-xs-12" <?php  if(mysqli_num_rows($imgsql)>0){ 
                            $imgrow=mysqli_fetch_array($imgsql);
                     ?> style="visibility:visible;"<?php }?> <?php else { ?> style="display:none" <?php}?> >
                          <div class=sz_portfolio_003_trig_wrap>
                                    <div class=sz_portfolio_003_trig_img>
                              <div class=sz_portfolio_003_trig_btn>
                                       <a href=#sz_portfolio_003_4_col data-backdrop=true data-slide-to=0 data-toggle=modal>
                                  <img src="admin/uploads/eventpics/<?php echo $imgrow['eve_pic'];?>" alt="sz_portfolio_003_01" width="200px" height="200px" class="imagen"/></a>
      
                                  </div>
                              </div>
      
                          </div>
                      </div> 
      

      到这里:

      <?php
          $imgsql=mysqli_query($link,"select eve_pic,eve_pic2,eve_pic3,eve_pic4 from event_tbl");
          if( mysqli_num_rows($imgsql)>0 ){ 
              $imgrow=mysqli_fetch_array($imgsql);
          }
      
          if(!empty($imgrow['eve_pic'])){
      ?>
          <div class="col-md-3 col-sm-6 col-xs-12">
              <div class=sz_portfolio_003_trig_wrap>
                  <div class=sz_portfolio_003_trig_img>
                      <div class=sz_portfolio_003_trig_btn>
                          <a href=#sz_portfolio_003_4_col data-backdrop=true data-slide-to=0 data-toggle=modal>
                          <img src="admin/uploads/eventpics/<?php echo $imgrow['eve_pic'];?>" alt="sz_portfolio_003_01" width="200px" height="200px" class="imagen"/></a>
                      </div>
                  </div>
              </div>
          </div>
      <?php
          }
      ?>
      

      【讨论】:

        猜你喜欢
        • 2011-12-18
        • 2012-04-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-09-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多