I have replaced standard Company Logo with my own logo and code to create clickable links using imagemap. Is it possible to add a "shoppingcartsummary variable" into the image as well. You can check it out at www.servatech.co.za. The logo and imagemap code is below:- Any input gratefully accepted.
<div id="silver-header">
</div>
<div style="text-align:center; width:920px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_9201102100558139" src="silver_logo_with_bags.jpg" usemap="#Image-Maps_9201102100558139" border="0" width="920" height="230" alt="" />
<map id="_Image-Maps_9201102100558139" name="Image-Maps_9201102100558139">
<area shape="rect" coords="253,198,356,222" href="http://www.servatech.co.za/index.html" alt="home" title="home" />
<area shape="rect" coords="366,196,463,220" href="http://www.servatech.co.za/acatalog/login.html" alt="login" title="login" />
<area shape="rect" coords="473,196,570,220" href="http://www.servatech.co.za/cgi-bin/mf000001.pl?ACTION=SHOWFORM" alt="contact us" title="contact us" />
<area shape="rect" coords="582,197,679,221" href="http://www.servatech.co.za/cgi-bin/ca000001.pl?ACTION=SHOWCART" alt="view cart" title="view cart" />
<area shape="rect" coords="692,200,789,224" href="http://www.servatech.co.za/cgi-bin/os000001.pl?ACTION=Start" alt="checkout" title="checkout" />
<area shape="rect" coords="805,196,902,220" href="http://www.servatech.co.za/acatalog/search.html" alt="search for products" title="search for products" />
<area shape="rect" coords="747,46,915,109" href="http://www.servatech.co.za/acatalog/Company_Information.html" alt="Servatech secureshop" title="Servatech secureshop" />
<area shape="rect" coords="875,0,915,43" href="http://www.servatech.co.za/" alt="follow us on twitter" title="follow us on twitter" />
<area shape="rect" coords="835,0,875,40" href="http://www.servatech.co.za/" alt="follow us on facebook" title="follow us on facebook" />
<area shape="rect" coords="916,226,918,228" href="http://www.image-maps.com/index.php?aff=mapped_users_9201102100558139" alt="Image Map" title="Image Map" />
</map>
</div>
<div id="silver-header">
</div>
<div style="text-align:center; width:920px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_9201102100558139" src="silver_logo_with_bags.jpg" usemap="#Image-Maps_9201102100558139" border="0" width="920" height="230" alt="" />
<map id="_Image-Maps_9201102100558139" name="Image-Maps_9201102100558139">
<area shape="rect" coords="253,198,356,222" href="http://www.servatech.co.za/index.html" alt="home" title="home" />
<area shape="rect" coords="366,196,463,220" href="http://www.servatech.co.za/acatalog/login.html" alt="login" title="login" />
<area shape="rect" coords="473,196,570,220" href="http://www.servatech.co.za/cgi-bin/mf000001.pl?ACTION=SHOWFORM" alt="contact us" title="contact us" />
<area shape="rect" coords="582,197,679,221" href="http://www.servatech.co.za/cgi-bin/ca000001.pl?ACTION=SHOWCART" alt="view cart" title="view cart" />
<area shape="rect" coords="692,200,789,224" href="http://www.servatech.co.za/cgi-bin/os000001.pl?ACTION=Start" alt="checkout" title="checkout" />
<area shape="rect" coords="805,196,902,220" href="http://www.servatech.co.za/acatalog/search.html" alt="search for products" title="search for products" />
<area shape="rect" coords="747,46,915,109" href="http://www.servatech.co.za/acatalog/Company_Information.html" alt="Servatech secureshop" title="Servatech secureshop" />
<area shape="rect" coords="875,0,915,43" href="http://www.servatech.co.za/" alt="follow us on twitter" title="follow us on twitter" />
<area shape="rect" coords="835,0,875,40" href="http://www.servatech.co.za/" alt="follow us on facebook" title="follow us on facebook" />
<area shape="rect" coords="916,226,918,228" href="http://www.image-maps.com/index.php?aff=mapped_users_9201102100558139" alt="Image Map" title="Image Map" />
</map>
</div>
Comment