Q&A
```前後はそれぞれ改行を入れると読みやすくなります。
bodyタグ終了手前に``` <script src="//code.jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="crossfade.jquery.js"></script> <script>$(function(){ $('crossfade').crossfade({start:'backimg.jpg',end:'backimg.png'threshold:0.5,backgroundPosition:'center center'});});</script>コード
を入力していて、もともとCSSでbackgroundにattachmentで固定しています。スクロールしたらブラーできるようにしたいのですが、bodyにclassでcrossfadeを指定しています。 上記のjpgが現状固定しているimgでpngのほうがブラーをかけたimg素材です。 プラグインじゃないほうが簡単でしょうか？
回答1件
0
ベストアンサー
$('crossfade') を $('.crossfade') に直せば動きませんか？
JavaScript
1$( function() { 2 $( '.crossfade' ).crossfade( { 3 start:'backimg.jpg' 4 , end:'backimg.png' 5 , threshold: 0.5 6 , backgroundPosition: 'center center' 7 } ); 8} );
あと、end:'backimg.png'threshold:0.5 となっているところが end:'backimg.png, 'threshold:0.5 なのも要修正。
コードは整形して書いたほうがミスを発見しやすくなりますよ。
投稿2016/04/18 16:31
編集2016/04/18 16:35総合スコア69407
詳細に返答頂きましてありがとうございます。修正しましたが、できません。<head>内と<body>タグ終了手前の双方で試しましたができませんでした。他に何か原因はありそうでしょうか？
backimg.jpg backimg.png がHTMLと同ディレクトリに無いとか、HTML/JavaScriptコードの書きミスとかですかね。
ありがとうございます。確認してみます！
あなたの回答
tips
プレビュー
