?
Solved

Converting TEXT to an Image in HTML

Posted on 2014-12-12
1
Medium Priority
?
83 Views
Last Modified: 2014-12-12
Without using javascript, how can I convert  a Text string to an image by mouse hovering?
In other words, I place mouse over the Text and instantly the image appears. And when I move the mouse off the image the text reappears.
0
Comment
Question by:metro156
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 40496693
http://jsfiddle.net/8d6m0b1k/1/

<div>Some text
    <img src="http://www.freeimageswallpapershd.com/wp-content/uploads/2014/12/xmas-5.jpg">
</div>

Open in new window


div {
    position:relative
}
img {
    position:absolute;
    opacity:0;
    width:100px;
    height:100px;
    left:0;
    top:0
}
img:hover {
    opacity:1
}

Open in new window

0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

New Relic: Our company recently started researching several products to figure out what were the best ways for us to increase our web page speed and to quickly identify performance problems that we may be having. One of the products we evaluated wa…
If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
This video teaches users how to migrate an existing Wordpress website to a new domain.
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question