How can i call the profile image using API json to show my feed


#1

I created this to show my latest tweet or retweet but i have a small problem i dnt know if i could call the profile image or no , here is the script

so the question can i show the profile image by edit the twitter.js ???
and how to do it , i searched alot into the web but i couldnt

muiz | Twitter Feed Tooltip
	<!-- Begin #content -->
	<div id="content">
	
	<h1>Simple Twitter Feed Tooltip</h1>
	
		<!-- BEGIN Twitter Feed -->
		<div id="twitter-feed">
			
				<a href="http://www.twitter.com/mu3z" class="twitter tip" title="Follow Us on Twitter!"></a>
			
		</div>	
		<!-- END twitterfeed -->
		
		<!-- BEGIN Desc -->
		<div id="desc">
			
				<p> Simple twitter feed using tooltip // Muiz Frefer // 2012 . </p>

		</div>	
		<!-- END Desc -->
			
	</div>
	<!-- End #content -->
	
		
	

	<!-- Header Twitter Tooltip -->
	<div class="tooltip">
			<ul id="twitter_tooltip"></ul>
			<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline.json?screen_name=mu3z&include_rts=true&count=1&callback=twitterCallback2"></script>
	</div>

twitter.js

function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)://[^"\s<>]*[^.,;’">:\s<>)]!])/g, function(url) {
return ‘’+url+’’;
}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+’’+reply.substring(1)+’’;
});
statusHTML.push(’

  • ’+status+’ ‘+relative_time(twitters[i].created_at)+’
  • ’);
    }
    document.getElementById(‘twitter_tooltip’).innerHTML = statusHTML.join(’’);
    }

    function relative_time(time_value) {
    var values = time_value.split(" ");
    time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
    var parsed_date = Date.parse(time_value);
    var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
    var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
    delta = delta + (relative_to.getTimezoneOffset() * 60);

    if (delta < 60) {
    return ‘less than a minute ago’;
    } else if(delta < 120) {
    return ‘about a minute ago’;
    } else if(delta < (6060)) {
    return (parseInt(delta / 60)).toString() + ’ minutes ago’;
    } else if(delta < (120
    60)) {
    return ‘about an hour ago’;
    } else if(delta < (246060)) {
    return ‘about ’ + (parseInt(delta / 3600)).toString() + ’ hours ago’;
    } else if(delta < (486060)) {
    return ‘1 day ago’;
    } else {
    return (parseInt(delta / 86400)).toString() + ’ days ago’;
    }
    }

    ***custom.js

    function twitter_tooltip(target_items, name){
    $(target_items).each(function(){
    //$(“body”).append("

    "+$(this).attr(‘title’)+"

    ");
    var my_tooltip = $("."+name);
    $(this).removeAttr(“title”).mouseover(function(){
    my_tooltip.css({opacity:0.9, display:“none”}).fadeIn(400);
    }).mousemove(function(kmouse){
    my_tooltip.css({left:kmouse.pageX-290, top:kmouse.pageY-45});
    }).mouseout(function(){
    my_tooltip.fadeOut(400);
    });
    });
    }
    $(document).ready(function(){

    twitter_tooltip(“a.tip”,“tooltip”);

    });


    #2

    Hi,
    add this line of code in the twiter.js u will get the url of the image.

    twitters[i].user.profile_image_url_https


    #3