title: Share the link , title and one image in custom twitter share icon
body: <p>Here is the custom twitter icon code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;i id="twitter_share" class="fa fa-twitter fs20" style="position: relative; bottom: 4px;"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>And Jquery:</p>
  
  <pre><code>$('#twitter_share').click(function (e) {
      e.preventDefault();
      var loc = "&lt;?= base_url(uri_string()); ?&gt;";
      var title = "&lt;?= $video-&gt;title; ?&gt;";
      window.open('http://twitter.com/share?url=' + loc + '&amp;text=' + title + '&amp;', 'twitterwindow', 'height=450, width=550, top=' + ($(window).height() / 2 - 225) + ', left=' + $(window).width() / 2 + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
  });
  </code></pre>
  
  <p>It works fine with the url and title. The problem is , how can I share one image as well? </p>
  
  <p>Thanks a lot for helping.</p>
  
  <p>Update: reference in facebook
  in facebook I can share the content like this, can it be done in twitter as well? Thanks.
  !</p>
  
  <p><img src="https://i.stack.imgur.com/ZRbMb.jpg" alt="facebook share"></p>