Dear Experts,
I have following codes
I want to apply rounded corners to image.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <META content="text/html; charset=windows-1252" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7600.16912"> <style type="text/css"> .back {clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;} h3 {color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;} #box {width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;} </style> <script type="text/javascript" src="jquery-1.7.1.js"></script> <script type="text/javascript" src="jquery.corner.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('input[name="RD"]').click(function(){ alert("Please note \n Image corners will be rounded now") $("imgBox").corner("35px"); }); }); </script> </head> <body> <center> <h1>JQuery Tutorials</h1> <div id="box"> <H3>Rounded Corners</H3> <div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br> <input type="submit" class="back" name="RD" value="Apply"> </div> </center> </body> </html>
For this when I press Apply button, then it does not work.
Please help me to locate where is what is wrong with my codes.
The attachment contains HTML file and Libraries.
Thanks
Reply With Quote
Bookmarks