www.webdeveloper.com
Results 1 to 3 of 3

Thread: Image enlarging Sample code

  1. #1
    Join Date
    Nov 2009
    Posts
    51

    Image enlarging Sample code

    Hello,
    I am making a sample code for a site I'm working on called Mypowerpointpresentation.

    When you click on the image, It's suppost to enlarge it, but it breaks after i click the image, I modified the code so i only have to enter the image url once, and it broke completely.

    Here's the code:
    HTML Code:
    <div id = "" class = "Images">
    <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['aspnetForm'];
    if (!theForm) {
        theForm = document.aspnetForm;
    }
    function __doPostBack(eventTarget, eventArgument) {
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = eventTarget;
            theForm.__EVENTARGUMENT.value = eventArgument;
            theForm.submit();
        }
    }
    //]]>
    </script>
    
    
    
    
    <div id="Enlarge" class="modalPopup" style="width:500px;height:500px;display: none">
    	
        <div style="margin: 1.5em; color: Black">
            <div id="Spinner" style="float:left;margin:0 1em 1em 0">
                <img id=Images src=Images alt="Progress" style="border-width:0px;" /></div>
            <div id="Starting" style="display: inline">
                Enlarged...</div>
            
            <div style="text-align: center; margin-top: 1em">
                <input id="Cancel" type="button" class="Button" value="Cancel" /></div>
        </div>
    
    </div>		
    
    	<body>
    		<div id="ajaxLoading" style="display:none;">
    	<div id="ajaxLoadingInside">
    		<img src="http://www.gigaweb.com/img/ajaxloading.gif" alt="loading" /> Loading...
    	</div>
    </div>		<div align="center">
    			<div id="headinfowrapper">
    	<div id="headinfo">
    		<table width="100%" cellspacing="0" cellpadding="0">
    			<tr><td><img src="http://www.gigaweb.com/img/cornerTL13X11.gif" alt="TL" width="13px" height="11px" /><td class="tdHeaderTL"></td>
    				<td><img src="http://www.gigaweb.com/img/cornerTR13X11.gif" alt="TR" width="13px" height="11px" /></tr>
    			<tr>
    				
    
    
    <td valign="top" style="width:300px;">
    					 <a href=
    <script type="text/javascript">  javascript:__doPostBack('Enlarge','') 
    </script> 
    
    class="lightwindow" title="._."><img src=Images width="300" alt="" /><br><img src="http://www.gigaweb.com/img/icons/images.png" alt="" /> View Full Image</a>					<!-- <br/> -->
    			
    
    
    			</tr>
    		<table>	
    	</div>			
    
    
    </div>
    Help would be appreciated!

  2. #2
    Join Date
    Jun 2008
    Location
    Europe
    Posts
    1,096

    Give up.

    Don't re-invent the wheel.

    Use FancyZoom, it works fine. Check it out.

    http://www.cabel.name/2008/02/fancyzoom-10.html



  3. #3
    Join Date
    Nov 2009
    Posts
    51
    Quote Originally Posted by donatello View Post
    Don't re-invent the wheel.

    Use FancyZoom, it works fine. Check it out.

    http://www.cabel.name/2008/02/fancyzoom-10.html


    I've looked at that before, but i dont like it much. I'm trying to build a code from scratch too.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles