1

SQL からイメージ パスを呼び出すプロジェクトがあります。画像ソースに変数を配置してテストしました

HTML

<li><a href='"<%=img_src_path%>"'><img src='"<%=img_src_path%>"' id="myImage" runat="server" alt="" title=""/></a></li>

コードビハインド

myImage.src = "imagePage";

これと同じことがjavascriptで可能ですか? ここに私のjqueryがあります:

 $("#fancybox-manual-c").click(function () {
            $.fancybox.open([
                {
                    href: '1_b.jpg',
                    title: 'My title'
                }, {
                    href: '2_b.jpg',
                    title: '2nd title'
                }, {
                    href: '3_b.jpg'
                }
            ], {
                helpers: {
                    thumbs: {
                        width: 75,
                        height: 50
                    }
                }
            });

myImageここにリストされている実際の画像の代わりに値をjQueryに入れることができるようになりましたか

4

2 に答える 2

2

はい、<%= %>JavaScript の構文を使用して、サーバー変数をコードに挿入できます。

 $("#fancybox-manual-c").click(function () {
    $.fancybox.open([
        {
            href: '<%= img_src_path_1 >',
            title: 'My title'
        }, {
            href: '<%= img_src_path_2 >',
            title: '2nd title'
        }, {
            href: '<%= img_src_path_3 >'
        }
    ], {
        helpers: {
            thumbs: {
                width: 75,
                height: 50
            }
        }
    });
});

srcjQuery を使用して、ページ上の任意の画像のプロパティにアクセスすることもできます。

$("#myImage").prop("src");

ただし、コードには奇妙な点があります。

  1. img src を 2 回設定しています。1 回<%= %>は HTML で、もう 1 回はコード ビハインドで with を使用しmyImage.src = "imagePath";ます。なんで?
  2. HTML属性を二重引用符で囲んでいます。1 つの属性に単一引用符または二重引用符を使用しますが、両方を使用することはできません。
于 2013-07-02T18:03:07.220 に答える
-1

私は fancybox には詳しくありませんが、これが jQuery を使用して基本的なアイデアを実行する方法です。

$(document).ready(function() {
    img_path = "/the_new_img_path.jpg"
    $("#img_link").attr("href", img_path)
    $("#img").attr("src", img_path)
})

次にHTMLで

<a href='/some_default_link' id='img_link'><img id='my_img' src='/some_default_image.jpg' /></a>
于 2013-07-02T18:08:41.533 に答える