2016-11-29 11 views
0

ここでは良い例が見つかりましたが、コードの使い方は分かりませんでした。
まず、Bloggerでコードを試しましたが、何も示されていませんでした。
第2に、私はjsfiddleでコードを試しましたが、何も示されていませんでした。
第3に、コードをエクスポートしてBloggerに貼り付けましたが、何も表示されませんでした。 > :(
私は、エクスポート.htmlとオンラインサンプルを使用したときのみに動作するコード。 http://codepen.io/ccrch/pen/yyaraz画像拡大鏡 - マウスを動かすとホバーとパンの画像が拡大されます

は、ブロガーがコードをサポートしていないか、私はそれが間違って使うのですか?

答えて

0

あなたはjqueryを含めるように覚えていますか? このコードでは、JavaScriptフレームワークのjQueryに依存

は単純にそうようなスクリプト上記jqueryのスクリプトが含まれています。

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="js/yourScriptHere.js"></script> 
+0

私はすべてのスクリプトとスタイルをインポートしようとしましたが、Bloggerのコードとjsfiddleは機能していません。私も 'header'と' body'タグに入れようとしました。いずれもプレビュー画像を表示しません。 – Louis55

+0

「すべてのスクリプト」とはどういう意味ですか?ここではまったく同じコードのjsfiddleがあります:https://jsfiddle.net/a9rs4aza/あなたの問題は、jqueryと呼ばれる余分なjavascriptフレームワークを添付する必要があることです。あなたがまだ立ち往生しているなら、ガイドがあります:http://www.w3schools.com/jquery/jquery_get_started.asp – BlitZz

+0

私はエクスポートされた '.html'、' .css'、 '.js'ファイルで使われているスクリプトを意味していました。いくつかのオンラインスタイルシート、javascriptファイル。編集:あなたが言及したファイルをインポートしましたが、それは私のために働いていないのですか? – Louis55

0

また、スクリプトを開いて閉じるにはスクリプトタグを配置する必要があります。 CodePenリンクのJSコードには、これらのタグは含まれていません。

スクリプトの開始タグと終了タグは、次のようになります。これらのタグの間には

<script type="text/javascript"> 

</script> 

、あなたはCodePenからJavaScriptをコピー&ペーストしたいつまり

<script type="text/javascript"> 
$('.tile') 
// tile mouse actions 

and so on... 

</script> 

またコピーしにこのリンクを貼り付けBlitZzの最新のjQueryスクリプト:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

これを実行すると、画像はズームしないで、ライブページへのリンクを貼り付けてください。

関連する問題