2012-02-09 9 views
1

ジキルが使用するものである必要はありません。ジキルpoweredウェブサイト上のディレクトリからすべての画像を表示

基本的に私はライトボックスを使用するギャラリーを作成しています。表示するライトボックスとそのサムネイル(決定して作成する)のディレクトリ(_site \ images \ gallery)からすべてのイメージをロードします。

この問題を解決するにはどうすればよいでしょうか?私はすでにライトボックスをセットアップしてテストしています(サムネイルはありません)。

ありがとうございます。

答えて

5

Jekyllには、「フォルダの内容を一覧表示する」方法がありません。

あなたはyamlのフロントを使って非常におおよそのことができます。 「ギャラリーページ」で

、画像のファイル名を持つセクションが含ま:

--- 
images: 
    - a.jpg 
    - b.jpg 
    - c.jpg 
<other properties, like title, etc> 
--- 

を、あなたの画像を一覧表示したいときに、ループとのリンクを生成します。私はイメージのためlighboxの構文に慣れていないんだけど、それはおそらくこれに似たようになります。私は何かについてはよく分からないとき

<ul class="something"> 
{% for image in page.images %} 
    <li class="something"> 
    <a rel="something" class="something" href="/path/to/images/dir/{{ image }}" /> 
    </li> 
{% endfor %} 
</ul> 

を(私はすべての場所に「何か」を入れていることがあるかもしれません。可能であれば、「何か」を完全に削除しなければならない可能性があります。を画像のある場所に変更する必要があります。

Lightboxを使用するようにhtmlを変更したら、イメージは次のとおりです:a)imagesディレクトリに配置し、b)ギャラリーページを編集し、新しいイメージ名をリストに挿入します。

リストを「自動的に生成する」ほど便利ではありませんが、非常に近いです。

0

私はジキルのプラグインが大好きです。

Jekyll GalleryJekyll Gallery GeneratorまたはFolder Galleryのいずれかを試してください。

各プラグインのRubyファイルを確認し、生成された画像タグを変更してライトボックスのクラスを追加します。それはトリックを行う必要があります。ライトボックスCSSファイルをデフォルトのテンプレートページに含めることを忘れないでください。

1

ジキルにおける現在のディレクトリ内のJPGファイルは次のように行うことができますリスト:

このソリューションについて
{% for file in site.static_files %} 
    {% assign pageurl = page.url | replace: 'index.html', '' %} 
    {% if file.path contains pageurl %} 
    {% if file.extname == '.jpg' or file.extname == '.jpeg' or file.extname == '.JPG' or file.extname == '.JPEG' %} 
    <img src="{{ file.path }}" /> 
    {% endif %} 
    {% endif %} 
{% endfor %} 

詳細はここで見つけることができます:http://jekyllrb.com/docs/static-files/。私は、私のページJekyll without pluginsに記載されているJekyllのライトボックス拡張を作成しました。見てみな!

関連する問題