JQuery Cycle Plugin Issue

AJAX Slideshowを動作させることができなかったので、これまでJQueryを試したことは初めてです。JQuery Cycle Plugin Issue

これは私にとってはうまくいきません。それは基本的にお互いに積み重なった画像を示しています。

これをASP.NET 2.0で実行しています。 Visual Studio 2010で。

ここで間違っているImについて誰かが手がかりを持っていますか？スクリプトがロードされている

1.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DaVincisApp1.WebForm2" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<style type="text/css"> 
.slideshow { height: 232px; width: 232px; margin: auto } 
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } 
</style> 

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" /> 
<script type="text/javascript" src="Scripts/jquery.cycle.min.js" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.slideshow').cycle({ 
      fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle 
     }); 
    }); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div class="slideshow"> 
    <img alt="Image1" src="Images/Slide1.jpg" /> 
    <img alt="Image2" src="Images/Slide2.jpg" /> 
    <img alt="Image3" src="Images/Slide3.jpg" /> 
    <img alt="Image4" src="Images/Slide4.jpg" /> 
</div> 
</form> 
</body> 
</html>

出典

2011-02-02 Paul

あなたは（あなたが例えば放火犯ネットワーク]タブで確認することができ）、jQueryとサイクルプラグインが正しくロードされていることを確認 – harpax

イムです私がJQueryを使ったのはこれが初めてであるからです。私がしたのは、3つのjsファイル--- jquery-1.4.1.jsとjquery-1.4.1.min.jsとjquery.cycle.min.jsをScriptsディレクトリに追加することでした。 – Paul

.jsファイルの順序は、スクリプトタグ自体と同様に重要です。

これは動作します：

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> 
<script type="text/javascript" src="Scripts/jquery.cycle.min.js"></script>

このdoesntの仕事：

<script type="text/javascript" src="Scripts/jquery.cycle.min.js" /> 
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" />

出典

2011-02-02 17:50:26 Paul

チェック：ここ

は、私は、ダウンロードに付属している例とかなり同じだと思う私のコードです。画像は表示されますか？

出典

2011-02-02 16:35:51 gor

画像は、別のスクリプトがロードされているかどうかを確認するにはどうすればよいですか？私がこの他の人に言ったように、私がしたのは、3つのjsファイル--- jquery-1.4.1.jsとjquery-1.4.1.min.jsとjquery.cycle.min.jsをScriptsディレクトリに追加することでした。 – Paul

何それは意味ですか：ロードされたか： – Paul

firebugのネットワークモニタ、またはchromeのスクリプトウィンドウを使用します – gor

$(.slideshow').cycle(に引用符がありません。それは多分でしょうか？

出典

2011-02-02 16:35:58 JeffB

私はそれを持っていません。 – Paul

答えて

関連する問題