Home/ Questions/Q 4325204
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T09:14:08+00:00

i add a big image to an ASP panel and its go out of

  • 0

i add a big image to an ASP panel and its go out of panel. i want image in panel without scrollbar and move it in panel with javascript. how can i do that. here is my code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="move background.aspx.cs"   Inherits="move_background" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
    Hmove = 12;
    function moveObjRight(obj) {
        var a = document.getElementById(obj);
        var Left = parseInt(a.style.left);
        var newpo = Left + Hmove;
        a.style.left = newpo + "px";

    }
</script>

 </head>
 <body>
 <form id="form1" runat="server">

    <asp:Panel ID="Panel1" runat="server" Height="133px" 
        style="z-index: 1; left: 0px; top: 0px; position: absolute; height: 500px;  width: 1000px" 
        Width="166px" ForeColor="#990000" BackColor="#0066FF" 
        Direction="LeftToRight" HorizontalAlign="Left">

    <img alt="asd" src="Pictures/view.gif" id="AS" style="z-index: 1; left:100px; top:100px; position: relative"/> 'BIG IMAGE'
    <img alt="move left" src="" id="moveleft" onclick="javascript:moveObjRight('AS');"
        style="z-index: 1; left: 222px; top: 264px; position: absolute; height: 33px; width: 34px;"/>
    </asp:Panel> 

</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add the style overflow:hidden; to the panel.

    • 0