php - 基于 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:如何解决这个问题并只显示一个

问题2:如果我使用jqueryui这样的现成脚本会更好吗？

Answer 1

关于你的第二个问题，这取决于你需要什么，以及你对JS的理解。如果您有一个纯 JS 脚本，并且您了解它的工作原理和原因，您可以根据您的需要对其进行更多定制。如果您愿意，可以“个性化”。但是，如果您对 JS 的了解有限，那么现成的脚本可能更适合您。

学习东西的一个好方法是在某个地方找到一个纯 JS 脚本(这里可能有很多)，然后使用它，但是要进行研究并发挥你的主动性，直到你理解它是如何工作的。然后你可以在其他项目中使用它，改变它，使用它的一部分。这就是我学习大部分 javascript 的方式!
我最近在幻灯片放映方面也遇到了一些麻烦，祝你好运! :)