0

私は自分の質問を解決するために一日中ウェブを検索していました...

それぞれが異なる画像にリンクするオプションのリストが必要です。ただし、画像を新しいウィンドウで開くのではなく、同じページのライトボックスで画像を開く必要があります (ワードプレスのライトボックスの進化は、私が使用しているプラ​​グインです)。

入力フィールドで onclick を使用しようとしましたが、ライトボックスは開きますが (class="lightbox" の場合)、画像は読み込まれません。

入力ボタンをクリックすると、その特定の画像がライトボックスで開くように、入力がどのオプションが選択されているかを認識できるようにする関数を追加する必要があるかどうかわかりません。

関数が必要な場合は、関数をどこに追加すればよいかわかりません... onclick? オプションタグのどこか、またはタグを選択しますか?

<form>
<select>
<option value="linkimage1.jpg">image 1</option>
<option value="linkimage2.jpg">image 2</option>
<option value="linkimage3.jpg">image 3</option>
<input type="button" value="submit" />
</select>
</form>

関数を作成してコードに追加し、ソリューションを使用して関数をドロップダウンに呼び出す方法を説明できる良いリンクであっても、助けていただければ幸いです。

ありがとう

4

1 に答える 1

0

iLightBox http://ilightbox.net/を使用している場合は、次のようにできます。

<select id="selectImage">
    <option>Select Image</option>
    <option value="linkimage1.jpg">image 1</option>
    <option value="linkimage2.jpg">image 2</option>
    <option value="linkimage3.jpg">image 3</option>
</select>

<script>
    jQuery(document).ready(function($){
        $('select#selectImage').change(function(){
            var $this = $(this),
                url = $this.val();

            $.iLightBox(url);
        });
    });
</script>
于 2013-03-31T22:18:38.837 に答える