Forums

Mouseover path

Permalink
How would I go about writing the image path, I have tried getthemepath and it didn't work.

<area onmouseover="mouseover('PuzzleWebAcademics'); return true;" onmouseout="mouseover('PuzzleWebComplete'); return true;" shape="poly"
 
planist1 replied on at Permalink Reply
planist1
How would you write this if you were not using C5?
nealolsen replied on at Permalink Reply
exactly the way it is written.

<map name="PuzzleMap">
<area onmouseover="mouseover('PuzzleWebAcademics'); return true;" onmouseout="mouseover('PuzzleWebComplete'); return true;" shape="poly" coords="50,50,300,50,300,200,230,230,200,300,50,300" href="Academics.htm" alt="Academics" />

<area onmouseover="mouseover('PuzzleWebArts');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="300,50,550,50,550,300,400,300,370,230,300,200" href="Arts.htm" alt="Arts" />

<area onmouseover="mouseover('PuzzleWebAgriculture');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="50,300,200,300,230,370,300,400,30,550,50,550" href="Agriculture.htm" alt="Agriculture" />

<area onmouseover="mouseover('PuzzleWebAthletics');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="400,300,550,300,550,550,300,550,300,400,370,370" href="Athletics.htm" alt="Athletics" />

<area onmouseover="mouseover('PuzzleWebCommunity');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="230,230,300,200,370,230,400,300,370,370,300,400,230,370,200,300" href="Community.htm" alt="Community" />
</map>

<div id="main"><img src="PuzzleWebComplete.png" alt="Tulare Joint Union high School District Foundation Puzzle" name="PuzzleImg" longdesc="Tulare Joint Union high School District Foundation Puzzle" width="600" height="599" usemap="#PuzzleMap" /></div>
planist1 replied on at Permalink Reply
planist1
And the part you need the image path for is <img src="PuzzleWebComplete.png" ? Correct?
planist1 replied on at Permalink Reply
planist1
Put the PuzzleWebComplete.png file in your root/themes/yourtheme/images folder.

<map name="PuzzleMap"> 
<area onmouseover="mouseover('PuzzleWebAcademics'); return true;" onmouseout="mouseover('PuzzleWebComplete'); return true;" shape="poly" coords="50,50,300,50,300,200,230,230,200,300,50,300" href="Academics.htm" alt="Academics" />
<area onmouseover="mouseover('PuzzleWebArts');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="300,50,550,50,550,300,400,300,370,230,300,200" href="Arts.htm" alt="Arts" />
<area onmouseover="mouseover('PuzzleWebAgriculture');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="50,300,200,300,230,370,300,400,30,550,50,550" href="Agriculture.htm" alt="Agriculture" />
<area onmouseover="mouseover('PuzzleWebAthletics');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="400,300,550,300,550,550,300,550,300,400,370,370" href="Athletics.htm" alt="Athletics" />
<area onmouseover="mouseover('PuzzleWebCommunity');" onmouseout="mouseover('PuzzleWebComplete');" shape="poly" coords="230,230,300,200,370,230,400,300,370,370,300,400,230,370,200,300" href="Community.htm" alt="Community" />
</map>
<div id="main"><img src="<?php  echo $this->getThemePath();?>/images/PuzzleWebComplete.png" alt="Tulare Joint Union high School District Foundation Puzzle" name="PuzzleImg" longdesc="Tulare Joint Union high School District Foundation Puzzle" width="600" height="599" usemap="#PuzzleMap" /></div>
nealolsen replied on at Permalink Reply
It is in the images file. I have to set the path on the mouse over

"mouseover('PuzzleWebAcademics'); return true;"
planist1 replied on at Permalink Reply
planist1
Is the PuzzleWebAcademics.png file pre-loaded on the page? Maybe on the body tag onload event?
nealolsen replied on at Permalink Reply
Its is being called by a java script.

<script language="JavaScript"> 
current_overID = "";
last_overID = "";
function item (img_name,width,height)
  {
img_prefix = img_name;
this.slide_img = new Image (width,height);
this.slide_img.src = img_prefix + ".png";
  }
function new_item (img_name,width,height) 
  {
item [img_name] = new item (img_name,width,height);
  }
function mouseover (itemID)
  {
Viewing 15 lines of 37 lines. View entire code block.