Advanced Search

Return to Snippet

Revision: 48407
at June 30, 2011 21:52 by erraja_07
Initial Code 
JS
------------------------------------------------------------
 
$(".playbutton").hover(
  function(){   
   $('div.play', this).show();
  },
  function(){
   $('div.play', this).hide();
  }
 );
 
CSS
-----------------------------------------------------------
.play {
    background: url("../images/default/btn-play-big.png") no-repeat scroll center center transparent;
    height: 32px;
    margin: -62px 29px 0 31px;
    opacity: 0.8;
    position: relative;
    width: 32px;
    z-index: 100;
    display:none;
}
 
HTML
-------------------------------------------------
<div class="playbutton">
         <a href="ppvvideo_detail.php?product_id={product_id}&clip_id={more_id}">{photo_path}</a>
          <div class="play"></div>
         </div>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
JQuery Show image on Mouse Hover

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery