Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

Need help with modal boxes and image links too

  • 14-04-2010 1:40pm
    #1
    68 lost souls
    Registered Users, Registered Users 2 Posts: 3,999 ✭✭✭


    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: 3,999 ✭✭✭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: 648 ✭✭✭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,700 ✭✭✭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: 3,999 ✭✭✭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