Guest User

myfreeweb

a guest
Jan 10th, 2010
251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function svgradient(start, end) {
  2. var svg = '<?xml version="1.0" ?>\n<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="gr" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:' +  start + '"/><stop offset="100%" style="stop-color:' + end + '"/></linearGradient></defs><rect x="0" y="0" width="100%" height="100%" style="fill:url(#gr)"/></svg>';
  3. //return 'data:image/svg+xml;base64,' + $.base64Encode(svg) //need jQuery and Base64 plugin
  4. return 'data:image/svg+xml,' + svg
  5. }
  6.  
  7. //example:
  8. if ($.browser.opera() == true) {
  9.  $('#header').css({'background': 'url("' + svgradient('#eeeeec', '#d3d7cf') + '")'});
  10.  $('#footer').css({'background': 'url("' + svgradient('#d3d7cf', '#eeeeec') + '")'});
  11. }
Add Comment
Please, Sign In to add comment