Advertisement
Guest User

mouseover_4_initial_img_size_2

a guest
Aug 22nd, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <title></title>
  4. <style type="text/css">
  5. .rg_anbg, .rg_ilmbg
  6. {
  7. padding: 2px;
  8. }
  9. rg_di:hover .rg_ilm
  10.  
  11. .rg_an, .rg_anbg, .rg_ilm, .rg_ilmbg
  12. {
  13. color: white;
  14. font: 11px/100% arial,sans-serif;
  15. }
  16.  
  17. .rg_l
  18. {
  19. background: black;
  20. display: inline-block;
  21. }
  22.  
  23. </style>
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  25. <script type="text/javascript">
  26. var img = new Image();
  27. img.src = "http://www.vectors4all.net/preview/globe-logo-concept.jpg"
  28. img.onload = function () {
  29. var width = this.width;
  30. var height = this.height;
  31. $('.rg_ilmn').text(width + 'x' + height);
  32. };
  33. $(document).ready(function () {
  34. $('img').mouseover(function () {
  35. var div = $(this).next().closest('.rg_ilm');
  36. $(div).removeAttr('style');
  37. });
  38.  
  39. $('img').mouseout(function () {
  40. $('.rg_ilm').css('display', 'none');
  41. });
  42. });</script>
  43. </head>
  44. <body>
  45. <form id="form1" runat="server">
  46. <div class="rg_di">
  47. <a class="rg_l">
  48. <img src="http://www.vectors4all.net/preview/globe-logo-concept.jpg" width=100 height=100 w=500 h=500 />
  49. <div class="rg_ilm" style="display: none;">
  50. <div class="rg_ilmbg">
  51. <span class="rg_ilmn"></span>
  52. </div>
  53. </div>
  54. </a>
  55. </div>
  56. <br />
  57. <div class="rg_di">
  58. <a class="rg_l">
  59. <img src="http://www.vectors4all.net/preview/globe-logo-concept.jpg" width="100" height="100" w=500 h=500 />
  60. <div class="rg_ilm" style="display: none;">
  61. <div class="rg_ilmbg">
  62. <span class="rg_ilmn"></span>
  63. </div>
  64. </div>
  65. </a>
  66. </div>
  67. <br />
  68. </form>
  69. </body>
  70. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement