Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.
Hi all, please see this major site announcement: https://www.boards.ie/discussion/2058427594/boards-ie-2026

Need help with modal boxes and image links too

  • 14-04-2010 02:40PM
    #1
    68 lost souls
    Registered Users, Registered Users 2 Posts: 4,020 ✭✭✭


    Hi,

    Ive been building my site in Fireworks and Dreamweaver and Im haveing a problem at the moment with getting a modal box to work.

    Basicly what I want is when someone clicks on the large image which here is the picture of the office and all the objects that a modal box will popop up with a gallery. THe gallery is a mix of images and videos. I have tried using multibox but cant get it to work and searched the web but cant find what Im looking for or get them to work.

    I have some knowledge of html which I learned from building a few sites about 6 years ago but havent used it much since.

    Here is the image of what the site looksl like at the moment.

    Any help would be appreciated.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>home.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

d img {display: block;}body {
	background-image: url(images/brickwalllarge.jpg);
}td img {display: block;}body {
	background-image: url(images/brickwalllarge.jpg);
}td img {display: block;}body {
	background-image: url(images/brickwalllarge.jpg);
}


</style>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Wed Apr 14 00:57:22 GMT+0100 (GMT Daylight Time) 2010-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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_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];}}
}

//-->
</script>

<script language="JavaScript1.2">

//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit [url]http://www.dynamicdrive.com[/url]
//This credit MUST stay intact for use

function makevisible(cur,which){
strength=(which==0)? 1 : 0.8

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>


</head>
<body bgcolor="#999999" onload="MM_preloadImages('images/home_r2_c16_f2.jpg','images/home_r2_c19_f2.jpg','images/home_r2_c20_f2.jpg','images/home_r2_c22_f2.jpg','images/home_r3_c2_f4.jpg','images/home_r3_c2.jpg');">
<div align="center">
  <table border="0" cellpadding="0" cellspacing="0" width="870">
    <!-- fwtable fwsrc="temporary siter2.png" fwpage="Page 1" fwbase="home.jpg" fwstyle="Dreamweaver" fwdocid = "1786595823" fwnested="0" -->
    <tr>
      <td><img src="images/spacer.gif" width="2" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="68" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="50" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="8" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="86" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="41" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="14" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="38" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="19" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="66" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="93" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="7" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="46" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="19" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="76" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="22" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="43" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="65" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="21" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    
    <tr>
      <td colspan="25"><img name="home_r1_c1" src="images/home_r1_c1.jpg" width="870" height="294" border="0" id="home_r1_c1" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="294" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="15"><img name="home_r2_c1" src="images/home_r2_c1.jpg" width="535" height="5" border="0" id="home_r2_c1" alt="" /></td>
      <td rowspan="2" colspan="3"><a href="http://www.aboutus.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('home_r2_c16','','images/home_r2_c16_f2.jpg',1);"><img name="home_r2_c16" src="images/home_r2_c16.jpg" width="82" height="21" border="0" id="home_r2_c16" alt="About Us" /></a></td>
      <td rowspan="2"><a href="http://www.gmail.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('home_r2_c19','','images/home_r2_c19_f2.jpg',1);"><img name="home_r2_c19" src="images/home_r2_c19.jpg" width="76" height="21" border="0" id="home_r2_c19" alt="Contact us" /></a></td>
      <td rowspan="2" colspan="2"><a href="http://www.dublindesigndesk.blogspot.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('home_r2_c20','','images/home_r2_c20_f2.jpg',1);"><img name="home_r2_c20" src="images/home_r2_c20.jpg" width="65" height="21" border="0" id="home_r2_c20" alt="Blog" /></a></td>
      <td rowspan="2" colspan="2"><a href="http://www.sitemap.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('home_r2_c22','','images/home_r2_c22_f2.jpg',1);"><img name="home_r2_c22" src="images/home_r2_c22.jpg" width="86" height="21" border="0" id="home_r2_c22" alt="Site Map" /></a></td>
      <td rowspan="20" colspan="2"><img name="home_r2_c24" src="images/home_r2_c24.jpg" width="26" height="779" border="0" id="home_r2_c24" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="26"><img name="home_r3_c1" src="images/home_r3_c1.jpg" width="2" height="1351" border="0" id="home_r3_c1" alt="" /></td>
      <td rowspan="2" colspan="9"><img name="home_r3_c2" src="images/home_r3_c2.jpg" width="310" height="30" border="0" id="home_r3_c2" usemap="#m_home_r3_c2" alt="Home" /></td>
      <td rowspan="3" colspan="5"><img name="home_r3_c11" src="images/home_r3_c11.jpg" width="223" height="182" border="0" id="home_r3_c11" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="16" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="8"><img name="home_r4_c16" src="images/home_r4_c16.jpg" width="309" height="166" border="0" id="home_r4_c16" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="14" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="9"><img name="home_r5_c2" src="images/home_r5_c2.jpg" width="310" height="204" border="0" id="home_r5_c2" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="152" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="8" colspan="2"><img name="home_r6_c11" src="images/home_r6_c11.jpg" width="57" height="259" border="0" id="home_r6_c11" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="3" colspan="5"><a href="webdesign.html"><img name="home_r6_c13" src="images/home_r6_c13.jpg" width="231" height="152" border="0" id="home_r6_c13" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td colspan="6"><img name="home_r6_c18" src="images/home_r6_c18.jpg" width="244" height="52" border="0" id="home_r6_c18" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="52" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="15" colspan="2"><img name="home_r7_c2" src="images/home_r7_c2.jpg" width="33" height="540" border="0" id="home_r7_c2" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="5" colspan="5"><a href="manifesto.htm"><img name="home_r7_c4" src="images/home_r7_c4.jpg" width="253" height="181" border="0" id="home_r7_c4" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="9" colspan="2"><img name="home_r7_c9" src="images/home_r7_c9.jpg" width="24" height="263" border="0" id="home_r7_c9" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="6" colspan="3"><img name="home_r7_c18" src="images/home_r7_c18.jpg" width="115" height="198" border="0" id="home_r7_c18" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td colspan="2"><a href="interior.html"><img name="home_r7_c21" src="images/home_r7_c21.jpg" width="108" height="91" border="0" id="home_r7_c21" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td rowspan="15"><img name="home_r7_c23" src="images/home_r7_c23.jpg" width="21" height="540" border="0" id="home_r7_c23" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="91" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="7" colspan="2"><img name="home_r8_c21" src="images/home_r8_c21.jpg" width="108" height="126" border="0" id="home_r8_c21" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="9" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="4" colspan="5"><img name="home_r9_c13" src="images/home_r9_c13.jpg" width="231" height="98" border="0" id="home_r9_c13" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="48" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="2" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="31" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="10"><img name="home_r12_c4" src="images/home_r12_c4.jpg" width="68" height="359" border="0" id="home_r12_c4" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td rowspan="9" colspan="3"><a href="music.html"><img name="home_r12_c5" src="images/home_r12_c5.jpg" width="144" height="268" border="0" id="home_r12_c5" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td rowspan="10"><img name="home_r12_c8" src="images/home_r12_c8.jpg" width="41" height="359" border="0" id="home_r12_c8" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="17" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="3"><img name="home_r13_c13" src="images/home_r13_c13.jpg" width="166" height="9" border="0" id="home_r13_c13" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td rowspan="5" colspan="5"><a href="industrial.html"><img name="home_r13_c16" src="images/home_r13_c16.jpg" width="180" height="108" border="0" id="home_r13_c16" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td><img src="images/spacer.gif" width="1" height="9" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2"><img name="home_r14_c11" src="images/home_r14_c11.jpg" width="38" height="56" border="0" id="home_r14_c11" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="2" colspan="2"><a href="consumer.html"><img name="home_r14_c12" src="images/home_r14_c12.jpg" width="85" height="56" border="0" id="home_r14_c12" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="3" colspan="2"><img name="home_r14_c14" src="images/home_r14_c14.jpg" width="100" height="60" border="0" id="home_r14_c14" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="4" colspan="2"><a href="auto.html"><img name="home_r15_c21" src="images/home_r15_c21.jpg" width="108" height="101" border="0" id="home_r15_c21" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td><img src="images/spacer.gif" width="1" height="46" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="6"><img name="home_r16_c9" src="images/home_r16_c9.jpg" width="10" height="277" border="0" id="home_r16_c9" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td rowspan="2" colspan="2"><a href="medical.html"><img name="home_r16_c10" src="images/home_r16_c10.jpg" width="52" height="43" border="0" id="home_r16_c10" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td colspan="2"><img name="home_r16_c12" src="images/home_r16_c12.jpg" width="85" height="4" border="0" id="home_r16_c12" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="4" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="5"><img name="home_r17_c12" src="images/home_r17_c12.jpg" width="19" height="273" border="0" id="home_r17_c12" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="3" colspan="2"><a href="drawing.html"><img name="home_r17_c13" src="images/home_r17_c13.jpg" width="159" height="62" border="0" id="home_r17_c13" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="5"><img name="home_r17_c15" src="images/home_r17_c15.jpg" width="7" height="273" border="0" id="home_r17_c15" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="39" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="4" colspan="2"><img name="home_r18_c10" src="images/home_r18_c10.jpg" width="52" height="234" border="0" id="home_r18_c10" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td rowspan="4" colspan="5"><img name="home_r18_c16" src="images/home_r18_c16.jpg" width="180" height="234" border="0" id="home_r18_c16" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="12" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="3" colspan="2"><img name="home_r19_c21" src="images/home_r19_c21.jpg" width="108" height="222" border="0" id="home_r19_c21" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"  /></td>
      <td><img src="images/spacer.gif" width="1" height="11" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="2"><img name="home_r20_c13" src="images/home_r20_c13.jpg" width="159" height="211" border="0" id="home_r20_c13" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="120" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="3"><img name="home_r21_c5" src="images/home_r21_c5.jpg" width="144" height="91" border="0" id="home_r21_c5" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="91" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="7"><img name="home_r22_c2" src="images/home_r22_c2.jpg" width="13" height="577" border="0" id="home_r22_c2" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td rowspan="2" colspan="7"><a href="manifesto.htm"><img name="home_r22_c3" src="images/home_r22_c3.jpg" width="283" height="157" border="0" id="home_r22_c3" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="2" colspan="7"><a href="music.htm"><img name="home_r22_c10" src="images/home_r22_c10.jpg" width="283" height="157" border="0" id="home_r22_c10" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td rowspan="2" colspan="8"><a href="medical.html"><img name="home_r22_c17" src="images/home_r22_c17.jpg" width="283" height="157" border="0" id="home_r22_c17" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="7"><img name="home_r22_c25" src="images/home_r22_c25.jpg" width="6" height="577" border="0" id="home_r22_c25" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="7" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="150" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="22"><img name="home_r24_c3" src="images/home_r24_c3.jpg" width="849" height="20" border="0" id="home_r24_c3" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="7"><a href="webdesign.html"><img name="home_r25_c3" src="images/home_r25_c3.jpg" width="283" height="157" border="0" id="home_r25_c3" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td colspan="7"><a href="consumer.html"><img name="home_r25_c10" src="images/home_r25_c10.jpg" width="283" height="157" border="0" id="home_r25_c10" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"/></a></td>
      <td colspan="8"><a href="drawing.html"><img name="home_r25_c17" src="images/home_r25_c17.jpg" width="283" height="157" border="0" id="home_r25_c17" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td><img src="images/spacer.gif" width="1" height="157" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="22"><img name="home_r26_c3" src="images/home_r26_c3.jpg" width="849" height="20" border="0" id="home_r26_c3" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)"/></td>
      <td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="7"><a href="industrial.html"><img name="home_r27_c3" src="images/home_r27_c3.jpg" width="283" height="157" border="0" id="home_r27_c3" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td colspan="7"><a href="interior.html"><img name="home_r27_c10" src="images/home_r27_c10.jpg" width="283" height="157" border="0" id="home_r27_c10" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td colspan="8"><a href="auto.html"><img name="home_r27_c17" src="images/home_r27_c17.jpg" width="283" height="157" border="0" id="home_r27_c17" alt="" style="filter:alpha(opacity=80);-moz-opacity:0.8" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td><img src="images/spacer.gif" width="1" height="157" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="22"><img name="home_r28_c3" src="images/home_r28_c3.jpg" width="849" height="66" border="0" id="home_r28_c3" alt=""style="filter:alpha(opacity=80);-moz-opacity:0.80" onMouseover="makevisible(this,1)" onMouseout="makevisible(this,1)" /></td>
      <td><img src="images/spacer.gif" width="1" height="66" border="0" alt="" /></td>
    </tr>
  </table>
  <map name="m_home_r3_c2" id="m_home_r3_c2">
    <area shape="poly" coords="0,30,0,15,101,0,310,30,0,30" href="http://www.dublindesigndesk.com" title="Home" alt="Home" onmouseout="MM_swapImage('home_r3_c2','','images/home_r3_c2.jpg',1);"  onmouseover="MM_swapImage('home_r3_c2','','images/home_r3_c2_f4.jpg',1);"  />
  </map>
</div>
</body>
</html>


Comments

  • #2
    68 lost souls
    Registered Users, Registered Users 2 Posts: 4,020 ✭✭✭68 lost souls


    IM also having a problem with anothre page on my site. I have images working as links and they work in IE but not in Firefox, on mouseover the image transparency is supposed to change what have I got wrong?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}body {
	background-image: url(images/brickwalllarge.jpg);
}
</style>

<script language="JavaScript1.2">

//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

function makevisible(cur,which){
strength=(which==0)? 1 : 0.7

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Wed Apr 14 17:55:51 GMT+0100 (GMT Daylight Time) 2010-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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_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];}}
}

//-->
</script>
</head>
<body bgcolor="#999999" onload="MM_preloadImages('images/index_r2_c10_f2.jpg','images/index_r2_c11_f2.jpg','images/index_r2_c12_f2.jpg','images/index_r2_c13_f2.jpg','images/index_r3_c2_f4.jpg','images/index_r3_c2.jpg');">
<div align="center">
  <table border="0" cellpadding="0" cellspacing="0" width="868">
    <!-- fwtable fwsrc="place holder site.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1786595823" fwnested="0" -->
    <tr>
      <td><img src="images/spacer.gif" width="2" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="36" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="113" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="8" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="127" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="26" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="109" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="26" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="88" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="82" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="76" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="65" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="69" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    
    <tr>
      <td colspan="15"><img name="index_r1_c1" src="images/index_r1_c1.jpg" width="868" height="294" border="0" id="index_r1_c1" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="294" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="9"><img name="index_r2_c1" src="images/index_r2_c1.jpg" width="535" height="5" border="0" id="index_r2_c1" alt="" /></td>
      <td rowspan="2"><a href="http://www.dublindesigndesk.com/about" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r2_c10','','images/index_r2_c10_f2.jpg',1);"><img name="index_r2_c10" src="images/index_r2_c10.jpg" width="82" height="21" border="0" id="index_r2_c10" alt="About Us" /></a></td>
      <td rowspan="2"><a href="mailto:niall@dublindesigndesk.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r2_c11','','images/index_r2_c11_f2.jpg',1);"><img name="index_r2_c11" src="images/index_r2_c11.jpg" width="76" height="21" border="0" id="index_r2_c11" alt="Contact us" /></a></td>
      <td rowspan="2"><a href="http://www.dublindesigndesk.blogspot.com" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r2_c12','','images/index_r2_c12_f2.jpg',1);"><img name="index_r2_c12" src="images/index_r2_c12.jpg" width="65" height="21" border="0" id="index_r2_c12" alt="Blog" /></a></td>
      <td rowspan="2" colspan="2"><a href="http://www.dublindesigndesk.com/links" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r2_c13','','images/index_r2_c13_f2.jpg',1);"><img name="index_r2_c13" src="images/index_r2_c13.jpg" width="86" height="21" border="0" id="index_r2_c13" alt="Site Map" /></a></td>
      <td rowspan="11"><img name="index_r2_c15" src="images/index_r2_c15.jpg" width="24" height="814" border="0" id="index_r2_c15" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="10"><img name="index_r3_c1" src="images/index_r3_c1.jpg" width="2" height="809" border="0" id="index_r3_c1" alt="" /></td>
      <td rowspan="2" colspan="5"><img name="index_r3_c2" src="images/index_r3_c2.jpg" width="310" height="30" border="0" id="index_r3_c2" usemap="#m_index_r3_c2" alt="Home" /></td>
      <td rowspan="3" colspan="3"><img name="index_r3_c7" src="images/index_r3_c7.jpg" width="223" height="134" border="0" id="index_r3_c7" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="16" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="5"><img name="index_r4_c10" src="images/index_r4_c10.jpg" width="309" height="118" border="0" id="index_r4_c10" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="14" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="5"><img name="index_r5_c2" src="images/index_r5_c2.jpg" width="310" height="104" border="0" id="index_r5_c2" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="104" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="7"><img name="index_r6_c2" src="images/index_r6_c2.jpg" width="36" height="675" border="0" id="index_r6_c2" alt="" /></td>
      <td rowspan="3" colspan="5"><a href="http://www.wix.com/dublindesigndesk"><img name="index_r6_c3" src="images/index_r6_c3.jpg" width="383" height="292" border="0" id="index_r6_c3" alt=""style="filter:alpha(opacity=70);-moz-opacity:0.70" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="7"><img name="index_r6_c8" src="images/index_r6_c8.jpg" width="26" height="675" border="0" id="index_r6_c8" alt="" /></td>
      <td rowspan="3" colspan="5"><a href="http://twitter.com/dubdesigndesk"><img name="index_r6_c9" src="images/index_r6_c9.jpg" width="380" height="292" border="0" id="index_r6_c9" alt="" style="filter:alpha(opacity=70);-moz-opacity:0.70" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td rowspan="7"><img name="index_r6_c14" src="images/index_r6_c14.jpg" width="17" height="675" border="0" id="index_r6_c14" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="248" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="2" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="42" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="5"><img name="index_r9_c3" src="images/index_r9_c3.jpg" width="383" height="7" border="0" id="index_r9_c3" alt="" /></td>
      <td colspan="5"><img name="index_r9_c9" src="images/index_r9_c9.jpg" width="380" height="7" border="0" id="index_r9_c9" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="7" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="5"><a href="http://dublindesigndesk.blogspot.com"><img name="index_r10_c3" src="images/index_r10_c3.jpg" width="383" height="286" border="0" id="index_r10_c3" alt="" style="filter:alpha(opacity=70);-moz-opacity:0.70" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td colspan="5"><a href="http://www.youtube.com/dublindesigndesk"><img name="index_r10_c9" src="images/index_r10_c9.jpg" width="380" height="286" border="0" id="index_r10_c9" alt="" style="filter:alpha(opacity=70);-moz-opacity:0.70" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a></td>
      <td><img src="images/spacer.gif" width="1" height="286" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="5"><img name="index_r11_c3" src="images/index_r11_c3.jpg" width="383" height="90" border="0" id="index_r11_c3" alt="" /></td>
      <td rowspan="2" colspan="5"><img name="index_r11_c9" src="images/index_r11_c9.jpg" width="380" height="90" border="0" id="index_r11_c9" alt="" /></td>
      <td><img src="images/spacer.gif" width="1" height="62" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img src="images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
    </tr>
  </table>
  <map name="m_index_r3_c2" id="m_index_r3_c2">
    <area shape="poly" coords="0,30,0,15,101,0,310,30,0,30" href="http://www.dublindesigndesk.com" title="Home" alt="Home" onmouseout="MM_swapImage('index_r3_c2','','images/index_r3_c2.jpg',1);"  onmouseover="MM_swapImage('index_r3_c2','','images/index_r3_c2_f4.jpg',1);"  />
  </map>
</div>
</body>
</html>


  • #3
    Freddio
    Registered Users, Registered Users 2 Posts: 674 ✭✭✭Freddio


    The javascript error console in Firefox or the little yellow triangle in the bottom left of your IE window will tell you where your code is bombing out.


  • #4
    tricky D
    Closed Accounts Posts: 9,698 ✭✭✭tricky D


    OP pls post live example as it's much easier for us to solve your problem.


  • #5
    68 lost souls
    Registered Users, Registered Users 2 Posts: 4,020 ✭✭✭68 lost souls


    Hi, I didnt have the site live until today. http://www.dublindesigndesk.com/ is the site.

    I am not using the modal boxes on this version but the transparency issue is occuring. You will see in IE that the 4 image links are faded and brighten up on mouseover but in FF they are constantly bright.


Advertisement
Advertisement