Как использовать переменную C# в jquery?

Question

У меня есть проект, который я собираюсь вызвать пути изображения из 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

Answer 1

Да, вы можете использовать <%= %> синтаксис в 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-атрибуты. Используйте одинарные кавычки или двойные кавычки, но не оба по одному атрибуту.

Answer 2

Я не знаком с 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>