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 に答える