0

Dreamweaver で編集しているテンプレートを購入しました。ライトボックスの持つポップアップ機能を追加したくて、自力でやってみましたがわかりません。

ばかに説明された段階的な手順を使用できます..（つまり、「このコードは26行目に入る」タイプの取引）...理由を説明したい場合は、それも素晴らしいので、この方法でテンプレートのコーディングで何が起こっているかを知ることができます...

私が使用していた jquery ライトボックス プラグインは、leandro vieira のものです。以下は、私のサイトの特定のページの 1 つのコードです。.js ファイルや .css ファイルも編集する必要があるかどうかわかりません。あなたが私を助けるのに十分な情報を提供していますか？とにかく、どんな助けも本当に感謝しています。

4

1 に答える 1

2

からzipファイルをダウンロードします。

http://leandrovieira.com/projects/jquery/lightbox/

ファイル jquery.lightbox-0.5.pack.js を見つけて、プロジェクトの js フォルダーに貼り付けます。

既存の行の後

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

線を引く

<script type="text/javascript" src="js/jquery.lightbox-0.5.pack.js"></script>

zip 内の css ファイル jquery.lightbox-0.5.css を見つけて、css フォルダーに配置します。

既存の行の後:

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">

線を引く

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

次の行を置き換えます。

<img src="images/spec_offer1.jpg" alt="" />

と

<a class="lightbox" href="spec_offer1.jpg"><img src="spec_offer1_thumb.jpg" alt=""/></a>

（サムネイル画像は自分で作成する必要があります）

次に、終了 body タグのすぐ上に次を追加します。

<script>
    $('.lightbox').lightBox();
</script>
于 2013-01-13T03:04:31.747 に答える