Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title></title>
- <style type="text/css">
- .rg_anbg, .rg_ilmbg
- {
- padding: 2px;
- }
- rg_di:hover .rg_ilm
- .rg_an, .rg_anbg, .rg_ilm, .rg_ilmbg
- {
- color: white;
- font: 11px/100% arial,sans-serif;
- }
- .rg_l
- {
- background: black;
- display: inline-block;
- }
- </style>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script type="text/javascript">
- var img = new Image();
- img.src = "http://www.vectors4all.net/preview/globe-logo-concept.jpg"
- img.onload = function () {
- var width = this.width;
- var height = this.height;
- $('.rg_ilmn').text(width + 'x' + height);
- };
- $(document).ready(function () {
- $('img').mouseover(function () {
- var div = $(this).next().closest('.rg_ilm');
- $(div).removeAttr('style');
- });
- $('img').mouseout(function () {
- $('.rg_ilm').css('display', 'none');
- });
- });</script>
- </head>
- <body>
- <form id="form1" runat="server">
- <div class="rg_di">
- <a class="rg_l">
- <img src="http://www.vectors4all.net/preview/globe-logo-concept.jpg" width=100 height=100 w=500 h=500 />
- <div class="rg_ilm" style="display: none;">
- <div class="rg_ilmbg">
- <span class="rg_ilmn"></span>
- </div>
- </div>
- </a>
- </div>
- <br />
- <div class="rg_di">
- <a class="rg_l">
- <img src="http://www.vectors4all.net/preview/globe-logo-concept.jpg" width="100" height="100" w=500 h=500 />
- <div class="rg_ilm" style="display: none;">
- <div class="rg_ilmbg">
- <span class="rg_ilmn"></span>
- </div>
- </div>
- </a>
- </div>
- <br />
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement