Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Images not showing up

    I'm not a master a building websites, but I built my own html site. I'm using javascript for my portfolio. On the left are small buttons and when you click one the buttons the larger image doesn't show up on the right. It works in Safari on my Mac, which is what it was built on, but it doesn't work in IE on Windows. Can anyone tell me what I'm doing wrong? Or what other code to use to accomplish the same idea (button on left and image load on the right). Here's the link:

    http://www.jasonlimon.com/portfolio.html

    Thanks for the help.

  • #2
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,518
    Thanks
    3
    Thanked 506 Times in 493 Posts
    The script you are using to change the STAGE image is good

    tested
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    
    <html>
    
    <head>
      <title></title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body>
    <a href="javascript:;" onClick="MM_swapImage('STAGE','','http://www.vicsjavascripts.org.uk/StdImages/One.gif',0)">
    <img src="http://www.vicsjavascripts.org.uk/StdImages/One.gif" width="12" height="24" border="0"></a>
    
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Two.gif" name="STAGE" width="411" height="372" id="STAGE">
    </body>
    
    </html>
    also changed one link on your code with my images and it worked OK
    suggest you check your image names and paths

    but you have a mess of errors on page with FireFox debugger

  • #3
    New to the CF scene
    Join Date
    Jan 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for testing it for me. It's strange. It works great in Explorer and Safari on my Mac, but when I use the PC to view it in Explorer the images take extemely long to show up.


  •  

    Posting Permissions

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