ASP.net VB.net 2015 Web App Make images larger on Mouse Over

Murray Brown
Murray Brown used Ask the Experts™
on
Hi
In my new ASP.net 2015 Web Application I have three images on a page (markup shown below)
I want each image to expand or become larger when the user's  mouse is over it. I want to do this for all the images
on my web app. Is the best way using JavaScript? How do I do this? Thanks

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="Access.aspx.vb" Inherits="AutomaticOfficeNet.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

        <h2><%: Title %>.</h2>
    <br />
    <p>We have many years of experience in building Access database solutions for companies of all sizes</p>
    <p>Our integrated solutions include Excel, Outlook or any other Office application, as well as web applications and cloud databases.</p>
     <p>It all comes down to the mix of technologies that you want in your business solution. </p>  
      <p>Here are a few of the possibilites in an integrated Microsoft Access solution:</p>
     <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (1) Access forms and reports as your front end user control with Access tables as your back end data store</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (2)&nbsp;Excel forms, task panes and ribbons as your front end user control with Access tables as your back end data store</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (3) Access forms and reports as your front end with a cloud SQL database as your back end data store</p>
    
    <br />
  

    <table>
        <tr>
            <td>
  <asp:Image ID="Image1" runat="server" ImageUrl="~/Resources/Cloud1.png" />
            </td>
            <td>
            </td>
               <td>
              <asp:Image ID="Image2" runat="server" ImageUrl="~/Resources/Microsoft Office.png" />
            </td>
            <td>
            </td>
               <td>
              <asp:Image ID="Image3" runat="server" ImageUrl="~/Resources/Cloud2.png" />
            </td>
            <td>
            </td>
        </tr>
    </table>
  
      <p></p>

</asp:Content>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Senior Software Developer
Commented:
No Javascript required. You can do this purely with CSS.

Here's a crude jsFiddle to show you how.

https://jsfiddle.net/m3waq9rn/
Murray BrownASP.net/VSTO Developer

Author

Commented:
Thanks very much

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial