ansaurus

Question

Answer 1

A:

Here's the simplest example I could come up with. In future it might be better if you showed the code you already have. It barely requires any jquery.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $('#image-2').click(function() { alert('meow'); });
    });
</script>
<style>
    #image-2 { position: absolute; left: 50px; bottom: 5px; display:none; }
    #container:hover #image-2 { display: block; }
</style>
</head>
<body>
<div id="container" style="position: relative">
<img id="image-1" src="http://www.freefoto.com/images/01/07/01_07_1---Pair-of-Dogs_web.jpg?&amp;k=Pair+of+Dogs" />
<img id="image-2" src="http://www.coolbuddy.com/social/imgs/cat64x64.jpg" />
</div>
</body>
</html>

madcapnmckay 2010-08-09 21:37:15

Brill - thanks for this. Anyway for image-2 not be included in the markup but be triggered via the javascript?

Niall Collins 2010-08-09 22:17:21

you can create an img tag using JQuery. var imgTag = $("<img>"); and you can also use JQuery to set its "src" and other attributes. Then append it to the <div id="container">. i.e. $("#container").append(imgTag); But I think you should really google more tutorials to get better familiar with JQuery/JS/ and working with DOM, etc

KennyCason 2010-08-09 23:03:30

ansaurus

tags:

views:

answers:

jquery assistance with image on image

related questions