Question

我正在尝试更改TN3库中的皮肤但是无法加载tn3e皮肤？滑块对默认皮肤tn3没有问题，所以我知道一切都设置正确吗？我已经加载到本地服务器（MAMP）但仍然有同样的问题。屏幕上显示的所有内容都是1/5而不是其他内容。所有文件夹都应该放在目录中，我到处寻找解决方案。无论我尝试做什么，TI仍然无法解决这个问题。

非常感谢您的帮助，代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www/w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Slide Show</title>

  <link type="text/css" rel="stylesheet" href="skins/tn3e/tn3e.css"></link>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.tn3.min.js"></script>  

<script type="text/javascript">
  $(document).ready(function() {
  var tn1 = $('.gallery').tn3({
  skinDir:"skins",
  skin:"tn3e",
  autoplay:true,
  delay:5000
  });
  });
</script>


</head>

<body>

<div class="tn3gallery">
    <div class="tn3e description">Picture of a pair of shoes!</div>
    <ul>

    <li>
      <h4>Shoes!</h4>
      <a href="images/1.jpg">
      <img src="images/thumbs/1.jpg" />
      </a>
    </li>

    <li>
      <h4>Cake</h4>
      <a href="images/2.jpg">
      <img src="images/thumbs/2.jpg" />
      </a>
    </li>

    <li>
      <h4>Groomsmen</h4>
      <a href="images/3.jpg">
      <img src="images/thumbs/3.jpg" />
      </a>
    </li>

    <li>
      <h4>Confetti!</h4>
      <a href="images/4.jpg">
      <img src="images/thumbs/4.jpg" />
      </a>
    </li>

    <li>
      <h4>Champagne!</h4>
      <a href="images/5.jpg">
      <img src="images/thumbs/5.jpg" />
      </a>
    </li>
</div>

</body>
</html>

Answer 1

我设置错了！本来应该而不是。默认图库没有问题，这就是扔我的东西。我不认为其他人会遇到这个问题，因为我必须在设置文件时更改它。尽管任何人确实遇到更换皮肤的问题，但你可能想检查一下你没有做同样的事情！我还发现，如果您在使文件在本地工作时遇到问题，可能需要更改浏览器或在线测试。希望这有助于我有挫折的人！

改变TN3 jQuery画廊的皮肤

1 个答案: