Question

I’m looking for code that makes photos appear after a certain amount of time on a site. this the code i want to be appear a certain amount of time on a site:

<div style="float:left;"><a href="https://www.2checkout.com/checkout/purchase?sid=1401348&quantity=1&product_id=8" rel="nofollow""><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/m-12.gif" title="" width="148" height="25" class="alignnone size-full wp-image-155" /></a></div>
<div style="float:right;"><a href="http://www.msl37.org/wp-content/d/5.htm" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/kas-34.jpg" title="" width="148" height="25" class="alignnone size-full wp-image-160" /></a></div>

i’m not experienced with JavaScript or web developing put i hope you can help me.
thanks on advance

Answer 1

You can do this way (demo => http://jsfiddle.net/steweb/EqZ88/):

wrap that HTML inside a wrapper div i.e.

<div id="wrapper">

    <div style="float:left;"><a href="https://www.2checkout.com/checkout/purchase?sid=1401348&quantity=1&product_id=8" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/m-12.gif" title="" width="148" height="25" class="alignnone size-full wp-image-155" /></a></div>
    <div style="float:right;"><a href="http://www.msl37.org/wp-content/d/5.htm" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/kas-34.jpg" title="" width="148" height="25" class="alignnone size-full wp-image-160" /></a></div>

</div>

and then add this css rule

#wrapper{
    display:none; /*wrapper and its content does not appear when user loads the page */
}

finally, by javascript, make them appearing after some seconds (5 i.e.)

setTimeout(function(){
    document.getElementById('wrapper').style.display = "block";
},5000);

p.s. there’s one more " at the end of the first a element in your markup