0

私は jQuery に全く慣れていないので、単純なテキスト スライドショーをセットアップするのにどうしても助けが必要です。

simplesli.deの外観は気に入っていますが、それを機能させる方法がわかりません。HTML に何を入れるか、どこに入れるかについての指示はありません。はい、サイトにはさまざまな種類のスライドショー用のコードのスニペットがありますが、テキスト プレゼンテーションのコードをコピーして自分のページに貼り付けると、取得できるのは静的コンテンツだけです。

js ファイルをダウンロードして js フォルダーに配置し、自分のページからこれにリンクしましたが、まだ何も機能していません。ここで何をすべきか本当にわかりません。どうすれば機能しますか？どうやってスタイリングするの？私は何が欠けていますか？

----EDIT--- わかりました、これは私の HTML ファイルにあるコードです:

に<head></head>は、次のものがあります。

<script type="text/javascript" src="../_js/jquery.simpleSlide.js"></script>

jquery.simpleSlide.js ファイルをダウンロードし、父のルート ディレクトリにある _js フォルダーに配置しました。私が取り組んでいるページは、サイトのサブディレクトリ内にあるため、リンクに「../」が含まれています。

次に、サイトからスライダーの 1 つのサンプル コードを取得し、これを HTML 内の表示したい場所に配置しました。これは今です：

<div>
    <div class="simpleSlide-window" rel="1">
     <div class="simpleSlide-tray" rel="1">
       <div class="simpleSlide-slide" rel="1" alt="1"> content for slide one </div>
       <div class="simpleSlide-slide" rel="1" alt="2"> content for slide two </div>
       <div class="simpleSlide-slide" rel="1" alt="3"> content for slide three </div>
     </div>
   </div>
</div>

これをテストすると、ページに 3 行の静的テキストが表示されます。何も機能していません。スライドショーも、ボタンも、双方向性もありません。静的で退屈な古いコンテンツだけです。私は何を間違っていますか？私が知る限り、私はサイトが指示していることを実行しました。

これを頭に入れてみました…

<script type="text/javascript">  
simpleSlide({
    'status_width': 20,             // Integer. Sets the width of the status slideshow's window element.
    'status_color_inside': '#000',  // String. Sets color of status window element.
    'status_color_outside': '#FFF', // String. Sets color of status tray element.
    'set_speed': 500,               // Integer. Sets speed of all animations. Represented in milliseconds.
    'fullscreen' : 'false',         // String. 'true' sets slide window for full screen. For obvious reasons, cannot work with more than one simpleSlide window per page.
    'swipe' : 'false',              // String. 'true' turns on swipe functionality for touch devices.
    'callback': 'function()'        // String. Sets callback to actuate after simpleSlide initial config.
});

しかし、それも違いはありません。

私は完全に困惑しているので、ここでいくつかの助けを借りて本当にできることがあります. サイトが実際にこれを実装する方法の明確な指示を投稿した場合、私はここで助けを求めることはありません.

----別の編集 --- CSS はどこにありますか??

4

1 に答える 1

0

問題は、DOM 要素が存在する前にセットアップ コードを実行していることです。おそらく、DOM の準備が整うまで JS コードを遅らせる必要があるだけです。

$(function() {
    simpleSlide();
});

また、jQuery ライブラリをロードしていることを確認してください。あなたのサンプルのどこにもそれはありません。

アップデート

ここの作業例。

于 2012-12-05T21:58:53.860 に答える