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
            }
        }
    });
});

您还可以src使用 jQuery 访问页面上任何图像的属性：

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

但是，您的代码中有一些奇怪之处：

  1. 您正在设置 img src 两次。一次<%= %>在 HTML 中，再次在后面的代码中myImage.src = "imagePath";。为什么？
  2. 您在双引号中引用您的 HTML 属性。在单个属性上使用单引号或双引号，但不能同时使用。
于 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 回答