1

ユーザーがサイトに写真をアップロードすることを含む Web アプリケーションを作成しました。ホームページでは、PHP にアップロードされた最新の写真/アイテムを 10 個に制限して動的に表示します。しかし、ページはとても静的に見え、Google、bing、ask、yahoo などで数日間検索しましたが、答えがありませんでした。

画像を保存してデータベースから取得するコードを作成しました。画像はホームページに表示され、あとはスライダーにロードするだけです。

$sql = mysql_query("SELECT * FROM items ORDER BY item_date_added DESC LIMIT 10")or die(mysql_error());
while($row = mysql_fetch_array($sql)) {
    //$user_id = $row['user_id'];
    $item_name = $row['item_name'];
    $item_id = $row['item_id'];

    $check_pic = "users/$item_name.jpg";

    if (file_exists($check_pic)) {
        $show_pic = "<img src=\"users/$item_name.jpg\" width=\"100px\" height=\"100px\" border=\"5\" id='img'/>";

        //$user_pic3 = "<img src=\"users/$rid/image01.jpg\" width=\"50px\" height=\"50px\" border=\"1\" />";
        //$MemberDisplayList .= '<a href="profile2/index.php?id=' . $rid . '">' . $user_pic3 . '</a>';
        $i++;
        $show_new_items .= "<a href='item_view?item_id=$item_id&&session_item=$item_id'>$show_pic</a>";
    }
    $newly_listed_names .= " <a href='item_view?item_id=$item_id&&session_item=$item_id'> $item_name </a> | ";
}

///////// END SHOW 新しく追加されたアイテム /////////////////////////////////// ///////////////

新しく追加されたアイテムは、本文の div にエコーされます。

誰でも私を助けてください！それは今しばらく私を悩ませています。ありがとう。

4

2 に答える 2

1

Nivo を使用するには、次のような html を生成する必要があります... ( nivo デモをダウンロードして、完全なソースを表示するには、 を開いてくださいdemo.html)。

したがって、必要なことは、sliderdiv 内のループで画像を出力することだけです。

<div id="wrapper">
    <div class="slider-wrapper theme-default">
        <div id="slider" class="nivoSlider">
    <?php
        while($row = mysql_fetch_array($sql)){
            $item_name = $row['item_name'];
            $item_id = $row['item_id'];
            $check_pic = "users/$item_name.jpg";
            if (file_exists($check_pic)) {
                print "<img src=\"users/$item_name.jpg\"/>";
                $i++;
            }
        }
    ?>
            <img src="images/2.jpg" data-thumb="images/2.jpg" alt=""/>
        </div>
    </div>
</div>

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>
于 2012-08-08T09:05:21.073 に答える
0

Nivoなどの jquery プラグインを使用できます。または、このリンクから別の jquery プラグインを試すこともできます。そして、それをコードに統合します。

于 2012-08-08T08:53:28.783 に答える