Howdy. I’m still very new to that game, so keep with me…
I’m trying out a new feature for this site that I’ve assemble here. The idea is when you float over different aspects of the foot, you will observe the various exciting ailments related to it, and click to check out the page. I’m wanting to do as high of this as probable in friendly Html code.
What I can do is to add inside a subtle button which will make it probable to switch the particular image shown to help another – a different angle of this foot, with numerous bits to float over. Obviously this will likely need to switch more in which just the impression, as each just one incorporates some javascript signal, an imagemap, even more html code or anything else.
Am I perfect in thinking this an iframe is the simplest way to do this kind of How could WHEN I use one in this purpose I’ve read that they’re not really proposed…
Thanks for all your help!
Do that instead…
Tryit Publisher v1. 4
Set up different < div> locations with different names.
Make they all display: none;
Use Javascripting in making them visible one at a time.
I believe that might be as good as frames.
Very first try it physically by inline CSS, then if that works, figure out how
to make use of Javascripting to do it with clicks.
< div id=" contentarea1" style=" present: visible; " >
< h2> Treatments< /h2>
Details on various illnesses and their solutions. Click where the item hurts!
< p>
< IMG ID=" ft . model" SRC=" images/picker/foot design. png" align=center WIDTH=632 HEIGHT=382 usemap=" #footmap" />
< place name=" footmap" >
< spot shape=" poly" coords=" 0, 68, 55, 127, 94, 73, THIRTY-ONE, 32" onmouseover=" Swap('foot model', 1); " onmouseout=" Swap('foot model', 0); " title=" Bunions" href=" bunions. php" />
< spot shape=" poly" coords=" 32, 33, 95, 74, 125, TWENTY FOUR, 62, 7" onmouseover=" Swap('foot model', 2); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 80, 13, 123, 47, 158, 32, 96, 0" onmouseover=" Swap('foot model', 3); " onmouseout=" Swap('foot model', 0); " title=" Sort / Mallet Bottom Deformity" href=" electronic digital. php" />
< spot shape=" poly" coords=" 113, 6, 156, 31, 194, 29, 146, 0" onmouseover=" Swap('foot model', 4); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 157, SEVERAL, 196, 25, 221, TWENTY SIX, 185, 3" onmouseover=" Swap('foot model', 5); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 426, 352, 502, 381, 562, 352, 590, 310, 513, 318" onmouseover=" Swap('foot model', 6); " onmouseout=" Swap('foot model', 0); " title=" Plantar Fasciitis" href=" plantar. php" />
< /map>
< /div>
< div id=" contentarea2" style=" present: none; " >
< h2> Treatments< /h2>
That foot viewed out of another angle
< p>
< IMG ID=" ft . model" SRC=" images/picker/foot design. png" align=center WIDTH=632 HEIGHT=382 usemap=" #footmap" />
< place name=" footmap" >
< spot shape=" poly" coords=" 0, 68, 55, 127, 94, 73, THIRTY-ONE, 32" onmouseover=" Swap('foot model', 1); " onmouseout=" Swap('foot model', 0); " title=" Bunions" href=" bunions. php" />
< spot shape=" poly" coords=" 32, 33, 95, 74, 125, TWENTY FOUR, 62, 7" onmouseover=" Swap('foot model', 2); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 80, 13, 123, 47, 158, 32, 96, 0" onmouseover=" Swap('foot model', 3); " onmouseout=" Swap('foot model', 0); " title=" Sort / Mallet Bottom Deformity" href=" electronic digital. php" />
< spot shape=" poly" coords=" 113, 6, 156, 31, 194, 29, 146, 0" onmouseover=" Swap('foot model', 4); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 157, SEVERAL, 196, 25, 221, TWENTY SIX, 185, 3" onmouseover=" Swap('foot model', 5); " onmouseout=" Swap('foot model', 0); " title=" Ingrowing Toenail" href=" ingrowing. php" />
< spot shape=" poly" coords=" 426, 352, 502, 381, 562, 352, 590, 310, 513, 318" onmouseover=" Swap('foot model', 6); " onmouseout=" Swap('foot model', 0); " title=" Plantar Fasciitis" href=" plantar. php" />
< /map>
< /div>
thanks for any quick response mlseim! appears to be your onto anything here. How regarded as a go about doing the javascript thing
I’m afraid to speak about that I couldn’t write the javascript program code that’s already come with that page – I haven’t the particular foggiest how I’d do that…
ALTER: No worries, I’ve worked something out for the moment. Thanks for your entire help!