scale images with window AND do not allow saving of images

scale images with window AND do not allow saving of images

Hi,

I have used this code to disallow copying and saving of image from a slideshow. But I can't get this to work in combination with that the images also scale with the window size when made smaller. Any help please anyone...?

Eddy

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Untitled Document</title>

  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  9. <script src="jquery.cycle.lite.min.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11.  
  12. $(document).ready(function(){
  13.  
  14.     $('#bg_containers').cycle({
  15. fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  16. });
  17.  
  18. });
  19. </script>
  20.  
  21. <style type="text/css">
  22.  
  23. body {
  24. padding:0;
  25. margin:0;
  26. background-color: rgb(0,0,0);
  27. }
  28. #content {position:relative;max-width:100%; height:100%; margin:0; z-index:999; padding:270px 0 0;} img {max-width:100%}
  29. #text_box {background:#000; color:#ffffff; padding:10px; margin:0 auto; width:100%;}
  30.  
  31. /* classes to work with cycle plugin for BG images */
  32. #bg_containers {max-width:100%; margin:0;}
  33. #bg_containers div {width:100%; height:683px; margin:0 auto;}
  34. #bg_containers .bg1 {background:url(1.jpg) no-repeat;}
  35. #bg_containers .bg2 {background:url(2.jpg) no-repeat;}
  36. #bg_containers .bg3 {background:url(3.jpg) no-repeat;}
  37. </style>
  38. </head>

  40. <body>
  41. <table width="750" border="0" cellspacing="0" cellpadding="0">
  42.         <tr>
  43.           <td align="left" valign="top">
  44. <table width="1024" border="0" cellspacing="0" cellpadding="0">
  45.        
  46.   <tr>
  47.     <td> 
  48.  
  49. <div id="bg_containers"> 
  50.         
  51. <div class="bg1"> </div>
  52. <div class="bg2"> </div>
  53. <div class="bg3"> </div>

  55. </div>
  56. </td>
  57.   </tr>
  58. </table></td>
  59.         </tr>
  60.     </table></td>


  63.   </tr>
  64. </table>

  66. </body>
  67. </html>