lightgallery.jsが動作しない。（jQuery版は動作する）

Question

以前、jQueryプラグイン『lightGallery』を使用したことがあるのですが、jQueryに依存しないlightgallery.jsがあることを知り使ってみようと思ったのですがうまく動作しないので質問させていただきます。

行ってみたコードは以下の通りです。 - 動作確認（Liveweave）

<link rel="stylesheet" href="https://cdn.jsdelivr.net/lightgallery.js/1.0.1/css/lg-transitions.min.css">

<script src="https://cdn.jsdelivr.net/lightgallery.js/1.0.1/js/lightgallery.min.js"></script>

<div id="lightgallery">
    <a href="http://placehold.jp/150x150.png">
        <img src="http://placehold.jp/150x150.png">
    </a>
    <a href="http://placehold.jp/3d4070/ffffff/150x150.png">
        <img src="http://placehold.jp/3d4070/ffffff/150x150.png">
    </a>
</div>

<script>
    lightGallery(document.getElementById('lightgallery'));
</script>

Githubの導入方法を参考にしながら行ったのですが、間違っているところがあれば教えてください。

######余談
できるだけCDNにおいてあるファイルを使用しようとしているのですが、拡張プラグインが見当たりません。
ご存知の方がいらっしゃれば教えていただけると嬉しいです。

Answer 1

https://cdn.jsdelivr.net/lightgallery.js/1.0.1/css/lightgallery.css
これを呼んでないからでは？

動くサンプル：https://jsfiddle.net/n7t13c4t/

---

【lightgallery.js free CDN links by jsDelivr - A super-fast CDN for developers and webmasters】
http://www.jsdelivr.com/projects/lightgallery.js

Comments

[2001Y]

ありがとうございます。。。間違ったcssを読み込んでいましたね。。。
拡張プラグインのCDNはご存じないですよね。

[2001Y]

http://liveweave.com/mBpnA7

過去にお聞きしたJavaScriptで連番を使用したURLを作成するコードと一緒にすると使用できないのですが、何が原因なのでしょうか。

[kei344]

> 拡張プラグインのCDN
CDNのほうが楽なのはわかりますが、基本自分のサーバに置くほうが安全な気がします。（サービス終了の可能性があり、その際に通知されるわけではないため）

> 何が原因なのでしょうか。
単に構文エラーだと思いますが、新たに質問されてみてはいかがでしょうか。

[2001Y]

なるほど、jQueryなどは多くのサイトで使用されているのでキャッシュが使えるということはなんとなくわかるのですが、Githubのような大きなサービスの場合、CDNを利用した場合と自前で設置知ったファイルでの速度にはあまり変化はないのでしょうか。

わかりました。今回はありがとうございました。