0

我对 jQuery 的东西完全陌生，希望对我的代码有任何帮助。我下载了 FlexSlider2，因为我想为我正在开发的网站制作画廊。该画廊目前未上线，因此我无法提供指向它的链接。我已将提供的代码放入其中，但它似乎不起作用。我不知道我做错了什么，因为我对 jQuery 了解不够。有人可以帮忙吗？

这是我目前所拥有的——哦，我已将所有内容链接到我的页面，并且我正在 DreamWeaver 中工作。这部分在我页面的“头”中

<link href="CustomerGallery/flex/flexslider.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

<script type="text/javascript">
    $(window).load(function() {
      // The slider being synced must be initialized first
      $('#carousel').flexslider({
        animation: "slide",
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  itemWidth: 210,
  itemMargin: 5,
  asNavFor: '#slider'
   {(;
$('#slider').flexslider({
  animation: "slide",
  controlNav: false,
  animationLoop: false,
  sync: "#carousel"
    {(;
{(;
   </script>

这部分在我页面的“正文”中

<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="CustomerGallery/resources/images/medium/slide1.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/medium/slide2.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/medium/slide3.jpg" />
    </li>
  </ul>
</div>

  <div id="carousel" class="flexslider" style="margin-top:-50px">
                      <ul class="slides">

    <li>
      <img src="CustomerGallery/resources/images/thumb/slide1.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/thumb/slide2.jpg" />
    </li>
    <li>
      <img src="CustomerGallery/resources/images/thumb/slide3.jpg" />
    </li>
  </ul>
</div>

提前感谢您提供的任何帮助！

4

1 回答 1

0

您有拼写错误：替换：

{(;
{(;

经过：

});
});

就在之前</script>

这里也是：

asNavFor: '#slider'
   {(;

应该：

asNavFor: '#slider'
   });
于 2013-05-23T15:16:42.130 回答