Lightboxはあなたのウェブサイトの写真やビデオを表示するためのJavaScriptファイルです。 値 "Lightbox"をグラフィックのリレーションシップ属性に割り当てると、ユーザーはそのグラフィックをクリックして画面全体に拡大できます。 たとえば、あなたの会社がホームインテリアをデザインしていて、あなたのサイトにあなたの作品のサンプルが含まれている場合、Lightboxの要素によって、顧客は別々のWebページを開くことなくあなたのポートフォリオを閲覧できます。 ブラウザはデフォルトでLightbox要素を中央に配置しますが、Dreamweaverで追加の手順を実行してこのレイアウトに対抗する可能性のあるコードをブロックすることができます。

1。

"F8"を押してDreamweaverのファイルパネルを開きます。

2。

"lightbox.css"をダブルクリックして開きます。

3。

「ライトボックス」スタイルを定義するブロックまでスクロールします。 このブロックのコードは次のようになります。

ライトボックス {

位置：絶対 幅：100％。 ｚ指数：１００００。 text-align：center。 行の高さ：0。 フォントファミリー： "lucida grande"、タホーマ、ヴェルダナ、アリアル、サンセリフ。 フォントの太さ：普通。 }

4。

次の行がまだ存在しない場合は、ブロック内に追加します。

左：0; トップ：0。

5。

スタイルの "position"属性を設定する行を次の行に置き換えます。

ポジション：固定。

6。

ファイルを保存してください。