title: How to disable an arrow using java script of a carousel
body: <p>I want to disable this img tag where id is scroll_disable how to achieve this using java script. this image is a arrow key of a carousel of a live shopping website what i want to do is when there is no images for this product i want to disable this arrow.so that user can not scroll further. i need solution in java script only.can i do this onclick() function?</p>
  
  <pre><code>&lt;div id="btn-next" class="f-x3" style="position:relative; float:left;   width:30px;height:50px; padding-left:10px; padding-top:20px; overflow:visible"&gt;
  &lt;p class="f-lp"  &gt;&lt;a  href="#" class="carousel_carousel next" &gt;&lt;img src="/site/images /arrows1.jpeg" border="0" width="21" height="24" style="vertical-align:baseline" id="scroll_disable"  /&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how to write java script for this?</p>