Solved

Converting TEXT to an Image in HTML

Posted on 2014-12-12
1
81 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 500 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

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Video/Image Streaming/Desktop Sharing 6 94
MDT 2013 Update 2 8 60
Error viewing ASP page 12 178
Is there a tool that can take a URL, scan the page and identify dead links? 9 105
Introduction (All good things must come to an end (http://en.wikipedia.org/wiki/All_Good_Things...))The original MySQL API (http://php.net/manual/en/book.mysql.php) has gone away, deprecated by PHP in Version 5.5, and removed from PHP in all current…
Foreword (May 2015) This web page has appeared at Google.  It's definitely worth considering! https://www.google.com/about/careers/students/guide-to-technical-development.html How to Know You are Making a Difference at EE In August, 2013, one …
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

733 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