Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Image Map Insertion


Mort-lemur

Recommended Posts

Hi,

 

I have created a simple banner in Imageready that is basically two rectangles side by side - each rectangle linking to a different site.

 

I need to insert this in the index.php file so it shows at the top of the home page.

 

When I save the image map it saves as an image with associated HTML code.

 

My question is - do I use this html code within the index.php file or do I need to write something different?

 

Thanks

Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Link to comment
Share on other sites

Ok,

 

Got it sort of working with this code:

 

<TABLE WIDTH=640 BORDER=0 CELLPADDING=0 CELLSPACING=0>

 <TD>
  <a href="http://www.site1.co.uk" TARGET="_blank"
   ONMOUSEOVER="window.status='Go to Site 1 Website';  return true;"
   ONMOUSEOUT="window.status='';  return true;">
   <IMG SRC="images/Site_Link_01.jpg" WIDTH=300 HEIGHT=100 BORDER=0 ALT="Site 1" USEMAP="Site_Link_01_Map"></A></TD>
 <TD>
  <A HREF="http://www.site2.co.uk" TARGET="_blank"
   ONMOUSEOVER="window.status='Go to site 2 Website';  return true;"
   ONMOUSEOUT="window.status='';  return true;">
   <IMG SRC="images/Site_Link_02.jpg" WIDTH=300 HEIGHT=100 BORDER=0 ALT="site 2" USEMAP="Site_Link_02_Map"></A></TD>
</TR>
</TABLE>
<MAP NAME="Site_Link_01_Map">
<AREA SHAPE="rect" ALT="" COORDS="0,0,0,0" HREF="#">
<AREA SHAPE="rect" ALT="Site 1" COORDS="0,0,0,0" HREF="http://www.site 1.co.uk" TARGET="_blank">
</MAP>
<MAP NAME="Site_Link_02_Map">
<AREA SHAPE="rect" ALT="" COORDS="0,0,0,0" HREF="#">
<AREA SHAPE="rect" ALT="Site 2" COORDS="0,0,0,0" HREF="http://www.site 2.co.uk" TARGET="_blank">
</MAP>   

 

However there is a gap between the two images and it seems to have pushed the Column_Right too far to the right.

 

Any ideas?

 

Thanks

Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Link to comment
Share on other sites

Ok almost there - the image looks and works as I want it.

 

BUT... The column Right is still pushed outside the box - ie.it has moved to the right and the top now sits level with the top of the heading image.

 

The image map I have inserted is not too wide for the page....so what in Index.php would push the column right too far to the right??

 

Need some help here.

 

Thanks

Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Link to comment
Share on other sites

never mind - sorted it out by re-writing the html code.

 

Thanks

Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...