私は画像スライダー(またはあなたがそれを呼びたいもの)を作成し、6つの最新の画像を表示します. 現在の大きな画像の下に、最新の画像が 6 つすべてあり、プロセスはすべて正常に機能しますが、小さな画像をクリックすると、すぐに大きな画像が表示されません。最新のイメージは最初に「アクティブ」であり、独自のイメージがあるため、そこにあるタグを操作できる<a href="#1>
ので入力されます。href="#1"
しかし、foreach を使用して、送信された日付から降順で 2 番目から 6 番目までの次の 5 つの画像を表示したため、個々の結果を個別に表示することはできません。href"#number"
大きな画像とリンクできるように、クエリ内の位置を取得して各結果に番号を割り当てる方法はありますか?答えに 1or2 を追加すると、href に対応する番号が表示されるので、クリックすると、 href 番号にもリンクされている大きな画像を使用すると、大きな画像がすぐに表示されます。
私が修正したチュートリアルのコードは次のようになります..
<?php
$latest_headlines = get_latest_headlines();
foreach ($latest_headlines as $latest_headline) {
?>
<a href="#1" class="cross-link active-thumb"><img src="img/<?php echo $latest_headline['img_title'].'.'.$latest_headline['img_ext']; ?>" class="nav-thumb" alt="<?php echo $latest_headline['title']; ?>" /></a>
<?php
}
?>
<div id="movers-row">
<?php
$recent_headlines = get_recent_headlines();
foreach ($recent_headlines as $recent_headline) {
?>
<div><a href="#<?php echo $row_num; ?>" class="cross-link"><img src="img/<?php echo $recent_headline['img_title'].'.'.$recent_headline['img_ext']; ?>" class="nav-thumb" alt="<?php echo $recent_headline['title']; ?>" /></a></div>
<?php
}
?>
</div>
そして、ここに結果を得るための私の2つの機能があります。人々が私が行ったすべての問題を選び始める前に、これが私が新しいことを学んだ方法であると言いたいだけです。このようにして、これまでのところうまくいきました....
function get_recent_headlines() {
$sql = "SELECT *
FROM `story`
ORDER BY `submit_date` DESC
LIMIT 1, 5 ";
$result = mysql_query($sql) or die(mysql_error());
$recent_headlines = array();
while (($row = mysql_fetch_array($result)) !== false) {
$recent_headlines[] = array(
'title' => $row['title'],
'img_title' => $row['img_title'],
'img_ext' => $row['image_ext']
);
}
return $recent_headlines;
}
function get_latest_headlines() {
$sql = "SELECT *
FROM `story`
ORDER BY `submit_date` DESC
LIMIT 1 ";
$result = mysql_query($sql) or die(mysql_error());
$lastest_headlines = array();
while (($row = mysql_fetch_array($result)) !== false) {
$latest_headlines[] = array(
'title' => $row['title'],
'img_title' => $row['img_title'],
'img_ext' => $row['image_ext']
);
}
return $latest_headlines;
}