Databases
StackOverflow2013
Postsdbo
POMake the image inside of a div change to another image on mouse over
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMake the image inside of a div change to another image on mouse over
    text
    copied!<p>How can I using jQuery make the image inside of a div change to another image on mouse over? I have a div that holds inside of it an image, a header, and some text. I want to make the image change on mouse over.</p> <p>Also the template I use uses a lot of jquery but the files are all over the place. Where should I put the function?</p> <p><img src="https://i.stack.imgur.com/PoOKR.png" alt="Here is an Image of the DIV"></p> <p>EDIT: Here's the code I have so far:</p> <p><strong>CSS:</strong></p> <pre><code>#tour { overflow:hidden; width:100%; padding:56px 0 47px } #tour #link { height:auto; width:200px; /* 140px + 60px */ float:left; margin-right:25px; margin-left:10px; } #tour #link:hover { cursor:pointer; } #tour img { /* Float the image to the left of text */ width:50px; float: left; margin-right:10px; height:auto; } #tour h1, h2, h3, h4 { display:block; width:140px; float:left; } #tour p, #tour p.last { display:table-row; width:140px; alignment-baseline:baseline; /* Custom added */ color: #333; font-size: 10px; margin: 5px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 11px; width: 140px; } </code></pre> <p><strong>HTML:</strong></p> <pre><code>&lt;div id="tour"&gt; &lt;div id="link" onclick="location.href='#';" &gt; &lt;img src="images/icn1.png" alt="" /&gt; &lt;h2&gt;Pitch&lt;/h2&gt; &lt;p&gt;Present your ideas in a manner that will leave your customers in amazement.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload