javascriptの画像コントロールのサイズを変更する

Question

javascript onmouseoverで画像のサイズを変更したいと思います。

文字列として暗いファイル（）= Directory.GetFiles（Server.MapPathの（ "〜/ Folder1に/ FOLDER2 /"）、 "* .JPG"）

For Each File As String In files 
    File = File.Substring(File.LastIndexOf("/") + 1, File.Length) 
    'Response.Write(File & "<br>") 

    File = File & "~/Folder1/Folder2/" 

    Dim image As Image = New Image() 
    image.ImageUrl = File 
    image.Height = 50 
    image.Width = 50 
    Me.Controls.Add(image) 
    image.Attributes.add("onmouseover","change size here") 

    Panel2.controls.add(image) 
Next 

は、ここでこれを実行することが可能ですか？あなたのイメージがHTMLドキュメントに追加されている方法に応じて

：ここ

は、私は、これが機能cleint側のJS設定推薦するいくつかのHTML

<asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup = "none"/> 
          <asp:Panel ID="Panel1" runat="server" 
           style="display:none; background-color:Transparent; padding:1em 6px;" BackColor="White"> 
            <asp:Panel ID="Panel2" runat="server" style="background-color:Black;" Width="265px"> 
            <table> 
             <tr> 
              <td align="right"> 
               <asp:ImageButton ID="CancelButton" CssClass="bttnCancel" runat="server" Text="Cancel" 
               ImageUrl="~/images/bttnCancel.gif" ValidationGroup = "none" />          
              </td> 
             </tr> 
            </table> 
            </asp:Panel> 
           </asp:Panel>  

Answer 1

です。 http://docs.jquery.com/Main_Page

$(document).ready(function() { 


    $("img.thumbImg").mouseover(function() { 
    $(this).attr("height", "100").attr("width", "100"); 
    }).mouseout(function() { 
    $(this).attr("height", "50").attr("width", "50"); 
    }) 

}); 

CSSクラスを追加

image.CssClass = "thumbImg"; 

の後ろにコードを追加します：あなたはjQueryのに

表情は...イベントに耳を傾け、ウル画像のサイズを変更するjQueryのを使用することができますパネル2へ

<asp:Panel ID="Panel2" runat="server" CssClass="thumbs" style="background-color:Black;" Width="265px"> 

また、CssClassesを追加/削除することもできます。 URLを一致させるためにjsを微調整する必要があるかもしれませんが、オンラインドキュメントを参考にしてください。これは答えです