基於javascript的幻燈片不起作用

Question

我正在嘗試實現一個簡單的javascript / jquery-1.6.2幻燈片（我不習慣javascript），我遇到的問題是所有項目都已顯示，並且我不知道如何隱藏它們。

這是我的PHP / HTML代碼：

  <?php
  $c = 0;
  // show parts of latest news:
  foreach ($items AS $data) {

    // news image
    $image = './images/'.$data['image'];
    // description
    $part_description = substr(nl2br($data['content']), 0, 120);
    ?>

    <div id="cap_<?php echo $c; ?>" class="cap" >
      <h3><a href="<?php echo WEBSITE.'/news/view?id='.$data['id']; ?>" >
        <?php echo $data['title']; ?></a></h3>

      <table>
        <tr>
          <td>
            <a href="<?php echo WEBSITE.'/news/view?id='.$data['id']; ?>" >
              <img alt="Item image" width="200"
                   src="<?php echo $image; ?>" />
            </a>
          </td>
          <td>
            <strong>By</strong>
            <?php echo $data['author']; ?>
            <br/>
          </td>
        <tr/>
      </table>

      <p>
        <?php echo stripslashes($part_description); ?>
        <a href="<?php echo WEBSITE.'/news/view?id='.$data['id']; ?>" >
          read more
        </a>
      </p>
    </div>
    <?php
    $c++;
  }
  // show links:
  ?>

  <div class="links">
  <?php
  for ($i=0; $i<$k; $i++) {
    ?>
    <a href="javascript:slideShow(<?php echo $i; ?>, <?php echo $k; ?>);" class="link_number" id="link_<?php echo $i; ?>">
      <?php echo $i+1; ?>
    </a>
    <?php
  }
  ?>

而我的js函數：

function slideShow(id, max) {
  var inputHide = null;
  for (var i=0; i<max; i++) {
    $('#cap_'+id).fadeOut(500);
    inputHide = document.getElementById('cap_'+i);
    document.getElementById('link_'+i).style.backgroundColor = '#999999';
  }
  $('#cap_'+id).fadeIn(500);
  document.getElementById('link_'+id).style.backgroundColor = 'black';
}

我有兩個問題：

問題1：如何解決此問題並僅顯示一個

Q2：如果我使用像jqueryui這樣的現成腳本會更好嗎？

Answer 1

關於第二個問題，這取決於您的需求以及您對JS的理解。 如果您有一個純JS腳本，並且了解它的工作方式和原因，則可以根據自己的需要進行更多調整。 如果願意，可以“個性化”。 但是，如果您對JS的了解有限，那么可以立即使用的腳本可能會更適合您。

學習事物的一種好方法是在某個地方（這里可能有很多）找到一個純JS腳本，並使用該腳本，但是請進行研究並利用自己的主動性，直到您了解其工作原理為止。 然后，您可以在其他項目中使用它，對其進行更改，使用它的某些位。 這就是我學習大部分JavaScript的方式！
我最近在幻燈片放映時也遇到了麻煩，祝您好運！ :)

Answer 2

Q1：這應該工作： inputHide.style.display = 'none';

問題2：我認為兩種方法都不錯