Home/ Questions/Q 5956889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T18:19:20+00:00

I have 2 questions: How would I make a small overlay open if a

  • 0

I have 2 questions:

  1. How would I make a small overlay open if a mouse hovers over any image on a webpage?
  2. How would I find selected pieces of text on a webpage and make them into a link?
    (similar to what Kontera or Vibrant does)

EDIT – Let me explain.

  1. If a mouse hovers over any image on the website with a particular tag, I want a magnified version of the image opened next to it
  2. If I have a word – “skills” inside my database and the webpage on which my Javascript is added has the word “skills” on it, I want it to be highlighted and linked to another page
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    1:
    I know that in CSS you can use some hover keyword to effect the page (but I know little about CSS).
    In javascript/HTML there is onMouseOver and onMouseOut, so.

    <img onMouseOver="javascript:" onMouseOut="javascript:">

    2:
    You could use regex to find the text snd replace it.

    document.body.innerHTML = document.body.innerHTML.replace(new Regex("skills|other|words", g), "<a>$&</a>");  //Note that this searches inside of the html tags so it is better if you know of specific locations to search for the text instead of anywhere in the html.
    • 0