web-dev-qa-db-ja.com

ライトボックス/カラーボックス効果でファイルを表示する方法は？

私の目標は、サイトのすべてのメディアのギャラリーを作成することです。 bootstrap自分のサイトのすべてのファイルタイプを表示するグリッド形式のファイルのビューページを作成しました（ファイル：Mimeタイプ（Word jpeg jpg png gif YouTubeあり）））。

私の最初の問題は、ライトボックスまたはカラーボックスにページ上のクリックでファイルを表示させることです。コード（css、関数、...）またはファイルのみを表示するビューでlichtboxを取得する方法はありますか（フィールドではなくファイルを使用していることに注意してください）。つまり、ビューが作成されたページで、任意のファイル（画像またはビデオ）をクリックすると、ライトボックスオーバーレイと反応します。

2つ目は、ビューの表示から特定のコンテンツタイプファイルを削除することです。 （ユーザープロファイルの画像やプライベートファイルを表示したくありません）。

3番目に、ファイルを種類ごと（画像、オーディオ、画像、分類用語）に並べ替えるためのメニューを作成したいと思います。たぶん、Googleでこのための優れたチュートリアルがあります。誰も見つかりませんでした;）

viewsfilesmediajavascript
3
danyhiol

私の最初の問題は、ライトボックスまたはカラーボックスにページ上のクリックでファイルを表示させることです

このためには、 lightbox または colorbox モジュールを設定する必要があります。サイトをインストールして有効にすると、ファイルをライトボックスに表示するオプションがファイルフィールドに表示されます。

2番目は、ビューの表示から特定のコンテンツタイプのファイルを削除することです。

フィルター条件File Usage: Entity typeまたはFile Usage: Entity Idを追加し、ユーザーエンティティを除外します。

3番目に、ファイルを種類ごとに並べ替えるメニューを作成します

このため、File:Mime Typeに基づいてソート基準を追加する必要があります

2
Shabir A.

1）「Image URL Formatter」モジュールをインストールします

2）ビューのフィールド設定に移動し、画像が表示されている「画像」フィールドを見つけます。フィールドを構成します。ダイアログボックスが開き、「フォーマッタ」オプションが表示され、「画像URL」に変更されます。あなたの画像のURLを取得します

3）グローバルカスタムを追加：テキストフィールドチェックの置換パターン画像のURLの置換パターンを取得します

このようなコードをグローバルcustom：text->に記述します

<a class="colorbox" href="[field_place_image_1]" rel="lightframe[|width:400px; height:300px; scrolling: auto;]" >image</a>

0
user52318