2016-12-28 4 views
0

こんにちは、すごいここの人! 私の目標は:ステップ2 ヘッド部にペーストJSファイル:画像を投稿しようとした ステップ1:今までミロ(http://miromannino.github.io/Justified-Gallery/ブロガーに正当なギャラリーを実装する方法は?

進捗状況によって正当化された画像ギャラリーを使ってきれいに http://1110kd.blogspot.in/ 上の画像の束を表示します投稿では、画像を埋め込むためにHTMLウィジェットを使用しようとしました テンプレート内のさまざまな場所に残りのコードを貼り付けようとしましたが、成功しませんでした。(

修正を探しています私は自分のブログ(Gallery、他に何もない)に反応的な画像ギャラリーを展示することができる解決策で大丈夫です。

は、事前にどうもありがとうございます[によるセルフホスティングのできないことへの様々な理由により、私は基本的に単一のページの画像ギャラリーにブロガーを変換しようとしています]。まず、負荷ダウン

答えて

0

「justifiedGallery.min.css」と「jquery.justifiedGallery.min.js」このURLhttpsに従います。//jsfiddle.net/AwadheshVerma/uy0d41f2/

+0

の間である必要はjQueryとスクリプトのようなすべてのスクリプトを配置する必要があります次のコードはどこに貼り付けるのですか? $( "#basicExample")。justifiedGallery(); ご協力いただきありがとうございます。 – NotAGeek

+0

あなたが望むものを説明しますか? –

+0

このコードを 'BLOGGER'で使用します。 JSを頭の部分に貼り付けました。 HTMLウィジェットに画像URLを追加しました。それから私はremaningコードを貼り付けようとしました $( "#basicExample")。justifiedGallery(); HTMLウィジェットでも であり、テンプレートでも同様です。それは動作していないようです。 – NotAGeek

0

まず、私はあなたのリンクをしようとすると、私が最初に見るのは、次のイメージです。 何か他のことをしようとする前にこれを修正する必要があります。

Problem

可能な解決策ではなく、CDNを使用するであろう。だから、再開する

は、ここに可能テンプレートです:ブロガーと

<!DOCTYPE html> 
<html> 
    <head> 
     GooglebaseData goes here ... 
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/css/justifiedGallery.min.css" /> 
    </head> 
    <body> 
     All your content 
    </body> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.3/js/jquery.justifiedGallery.min.js"></script> 
    <script type="text/javascript"> 
     $("#basicExample").justifiedGallery(); 
    </script> 
</html> 

、あなたはそれが</body></html>

関連する問題