当没有内容时隐藏2个DIV

时间:2015-05-07 01:02:58

标签: javascript php jquery html

我有一张幻灯片,其中包含与每张幻灯片相关联的缩略图。所以我有10个DIV代表这样的幻灯片...

<div class="SSSlide clip_frame grpelem slide" id="u751"><!-- image -->

        <?php
        while ($row = mysql_fetch_array($query)) {
        echo "<img class='img' src={$row['img']} width='350px' height='225px'>";
        }
        ?>              

 </div>
  

另外10个代表缩略图的DIV

    <div class="SSSlide thumbnail" id="u780"><!-- associated div -->
I am a thumbnail linked to a slide
</div>

当每个幻灯片DIV中的查询没有返回结果(没有内容)时,我想删除该DIV及其关联的缩略图DIV。我希望当页面打开时发生这种情况,因此无论幻灯片是什么幻灯片,幻灯片本身和它的拇指DIV都将被完全删除(不仅仅是隐藏)

我环顾谷歌等等,但似乎没有任何效果。提前感谢您的任何帮助。

1 个答案:

答案 0 :(得分:0)

您还必须将缩略图内容存储到数据库中。

  

第一种方法 - 选择查询

您可以直接取消选择空内容行。例如:

$sql = "select * from image_tbl" where (your condition) and img != ''";
  

第二种方法 - 如果条款

<div class="SSSlide clip_frame grpelem slide" id="u751"><!-- image -->
    <?php
    while ($row = mysql_fetch_array($query)) {
         if($row['img'] != ""){
            echo "<img class='img' src={$row['img']} width='350px' height='225px'>";
        }
    }
    ?>   
</div>

这里我假设您将img和缩略图存储在数据库中:

<div class="SSSlide clip_frame grpelem slide" id="u751"><!-- image -->

    <?php
    while ($row = mysql_fetch_array($query)) {
        echo "<img class='img' src={$row['img']} width='350px' height='225px'>";
        $thumbnail_str .= "
            <div class='SSSlide thumbnail' id='u780'><!-- associated div -->
                $row[thumbnail]
            </div>
        ";
    }
    ?>              

</div>
echo $thumbnail_str;

希望这些有帮助! :)