0

我正在尝试让 jQuery 循环插件在 CMS 中工作（因此标记混乱），并且除了分页缩略图之外一切正常。由于 CMS，我必须将缩略图的 URL 放入相应图像的类中。然后我试图提取这些 URL 并将它们用于分页按钮的图像。正在构建分页包装器，但每个分页按钮都是空的。不知道我做错了什么。

我在同一页面上也有多个循环幻灯片。

这是我的javascript：

    (function ($) {
    $('.gallery').each(function (i) {
        $(this).after('<div class="galleryNav galleryNav' + i + '">').cycle({
            fx: 'scrollHorz',
            speed: 'fast',
            timeout: 0,
            pager: '.galleryNav' + i,
            pagerAnchorBuilder: function (idx, slide) {
            var slideImg = $(slide).attr('class');

            if (slideImg == undefined){
            slideImg = "";
            };
            return '<div><a href="#" style="background-image:url(' + slideImg + ');"></a></div>';
            }
        });
    });
})(jQuery);

这是我的 HTML：

<div class="row">
 <article class="galleryArticle">
      <div class="galleryWrap">
           <div class="gallery">
                <img src="image1.jpg" class="image1Thumb.jpg" alt="image1" />
                <img src="image2.jpg" class="image2Thumb.jpg" alt="image1" />
                <img src="image3.jpg" class="image3Thumb.jpg" alt="image1" />
                <img src="image4.jpg" class="image4Thumb.jpg" alt="image1" />
           </div>
      </div>
      <header>
           <h1 class="articleTitle">Title</h1>
           <h2 class="eventDate">Date</h2>
      </header>
      <div class="articleContent">Article Content</div>
 </article>

谢谢您的帮助。

4

1 回答 1

0

您为标签指定的类名 img无效

类名应以 . 然后是一个名字，但你给的名字是

image1Thumb.jpg its invalid

像这样使用

在你的单子上

 .image1Thump { your styles goes here }

在你的 html

<img src="image1.jpg" class="image1Thumb" alt="image1" />

然后它应该工作。

于 2012-07-17T10:21:55.223 回答