JQueryクロススライド

JQueryクロススライドで3つの画像を繰り返し表示しようとしていますが、画像が表示されないようにするには、以下の基本コードがあります。JQueryクロススライド

3枚の画像はすべて650〜100サイズで、正しい位置にありますが、画像は表示したくありません。私は何を間違えているのですか？

<html> 

<body> 
<script src="jquery.js" type="text/javascript"></script> 
<script src="jquery.cross-slide.js" type="text/javascript"></script> 
<div id="crossslide" style="width:650px; height:100px;"></div> 
<script type="text/javascript"> 
//<!-- 
$(function(){ 
    $("#crossslide").crossSlide({ 
     speed: 45, 
     fade: 1 
    }, [ 
     { src: "01.jpg", dir:"up"}, 
     { src: "02.jpg", dir:"down"}, 
     { src: "03.jpg", dir:"left"} 
    ]); 
}); 
// --> 
</script> 
</body> 

</html>

出典

2012-04-03 Foxticity

<html> 

<body> 
<script src="jquery.js" type="text/javascript"></script> 
<script src="jquery.cross-slide.js" type="text/javascript"></script> 
<div id="crossslide" style="width:650px; height:100px;"></div> 
<script type="text/javascript"> 
//<!-- 
    $("#crossslide").crossSlide({ 
     speed: 45, 
     fade: 1 
    }, [ 
     { src: "01.jpg", dir:"up"}, 
     { src: "02.jpg", dir:"down"}, 
     { src: "03.jpg", dir:"left"} 
    ]); 
// --> 
</script> 
</body> 

</html>

出典

2012-04-03 05:26:36 gabitzish

申し訳ありませんが、まだ動作していません。私は空白の白いページしか得ません。 – Foxticity

jquery.js、jquery.cross-slide.js、彼らは正しい場所にいますか？
src： "01.jpg"までsrc： "03.jpg"、ファイル名に対応していますか？

出典

2012-04-10 12:50:51 dojob

どうもありがとうございました。私のために他のjavascriptが見つかりました。 :) – Foxticity

replace { src: "01.jpg", dir:"up"}, 
with {src:'01.jpg', from:'top left x1', to: 'top right 0.1x', time: 45}, 
Make sure cross-slide.js exists 

You can modify the CSS position tags of the code below: 
<html> 
<head> 
    <title> Cross Slide 1 </title> 
    <script type="text/javascript" src="jquery.js" ></script> 
    <script type="text/javascript" src="crossSlide.js"></script> 
</head> 
<body> 
    <div id="crossslide" style="width:650px; height:400px;"></div> 
    <script> 

    $(function(){ 
    $("#crossslide").crossSlide({ 
    fade:1 }, [ 
    { src: 'rig.png', alt: 'rig', from: '100% 80% 0.1x', to: '50% 50% 1x', time: 10}, 
{ src: 'sea.png', alt: 'sea', from: '50% 50% 1x', to: '50% 50% .1x', time: 4}, 
{ src: 'world.png', alt: 'world', from: 'top left 0.5x', to: 'top right .1x',time:4} 

    ]); }); 
    </script> 
    </body> 
</html>

出典

2012-04-16 14:09:16 parvaiz

-1

あなたは、画像を表示するあなたのコード内の関数を呼び出すために本部を置くために持っています。

これは私のコードでは動作しますが、開発システムでのみ動作します。 CentOSとApacheのバージョンが同じであっても、私はProductionで動作させることができませんでした。まだ理由を探しています...

出典

2012-05-10 15:17:17 RoyDean

コードが正常に動作しない場合は、回答として投稿しないでください – Caelea

答えて

関連する問題