Mouseover creating menu and changing image

• 

  bamgraphics · Member · May 24, 2018 at 2:31 am

  • Copy link
  • Add topic to favorites

  Ok. Headache time.

  I currently have a webpage where I have a mouseover that changes two images (one as a mouseover of the nav item and one as a targeted image).

  http://s729671073.onlinehome.us/?preview_id=152&preview_nonce=25278c72f5&_thumbnail_id=-1&preview=true

  I am now trying to put a dropdown menu to the right of “Fishing” menu upon the same mouseover – hence: a mouseover of the “fishing” button causes a rollover of the button, a targeted rollover of a second image, and now I need to add an additional mouseover that calls a menu to the right of the “fishing” button.

  Whew!

  This is all being done in html and css – HA! – and I am using a plug-in to insert html and link an uploaded css to it.

  The current code reads as follows:

  
  <img src=”wp-content/uploads/2018/04/crossroads_fishing.jpg”
  alt=”Fishing” name=”f_button” width=”160″ height=”38″ border=”0″ align=”left” id=”f_button”
  onmouseover=
  “MM_swapImage(‘f_button’,”,’wp-content/uploads/2018/05/fishing_choice.png’,’chalkboard’,”,’wp-content/uploads/2018/05/fishing_choice.png’,1);MM_swapImage(‘f_button’,”,’wp-content/uploads/2018/04/fishing_hot.jpg’,’chalkboard’,”,’wp-content/uploads/2018/05/fishing_choice.png’,1)”
  onmouseout=”MM_swapImgRestore()” />

  Any coding assistance would be very helpful.

  Thanks in advance

  bam

• 

  tenchoenyi · Member · May 24, 2018 at 4:49 am

  • Copy link

  can you look out that code

  <h2>Hoverable Dropdown</h2>
  <p>Move the mouse over the button to open the dropdown menu.</p>

  Dropdown

  Link 1
  Link 2
  Link 3

• 

  tenchoenyi · Member · May 24, 2018 at 4:52 am

  • Copy link

  hello I am sending you again.

  <!–
  <h2>Hoverable Dropdown</h2>
  <p>Move the mouse over the button to open the dropdown menu.</p>

  Dropdown

  Link 1
  Link 2
  Link 3

• 

  bamgraphics · Member · May 24, 2018 at 9:52 am

  • Copy link

  Thank you so much for the code –

  I can definitely use the css –

  Unfortunately I am still having a difficult time figuring out where to put it in the code I provided. Where do I put the actual nav in my code? What is that code?

  bam

• 

  bamgraphics · Member · May 26, 2018 at 11:34 am

  • Copy link

  Still looking for assistance.
  I need to put a menu inside of a currently working link.
  I have the dropdown, but it doesn’t work the way I had intended.
  It needs to show up to the right when the “Fishing” menu item is moused-over.

  http://s729671073.onlinehome.us/?preview_id=152&preview_nonce=c1801a6c75&_thumbnail_id=-1&preview=true#

  <div style=”width:160px; height:172px; float:left; line-height: 0px;”>
  <form id=”form1″ name=”form1″ method=”post” action=””>
  <label>
  <select name=”fishingMenu” id=”fishingMenu”>
  </select>
  <img src=”wp-content/uploads/2018/04/crossroads_fishing.jpg”
  alt=”Fishing” name=”f_button” width=”160″ height=”38″ border=”0″ align=”left” id=”f_button”

  onmouseover=

  “MM_swapImage(‘f_button’,”,’wp-content/uploads/2018/05/fishing_choice.png’,’chalkboard’,”,’wp-content/uploads/2018/05/fishing_choice.png’,1);MM_swapImage(‘f_button’,”,’wp-content/uploads/2018/04/fishing_hot.jpg’,’chalkboard’,”,’wp-content/uploads/2018/05/fishing_choice.png’,1)”

  onmouseout=”MM_swapImgRestore()” /></label>
  </form>

  The css was provided by a current member, but I am having difficulty actually putting the menu in the right place.

  Any help would be greatly appreciated.

  Thanks.

  bam

• 

  thesacredpath · Member · May 30, 2018 at 8:53 pm

  • Copy link

  Hi @bamgraphic, can we have a link to the site you are talking about? It would be much easier to figure things out if we had that. Right now, it is a bit of guesswork. You mention using a plugin, which would lead me to believe you are talking about a self-hosted WordPress.org installation and not a site hosted here at WordPress.com.