Hi All,
I'm a newbie to the realm of javascript and jquery and could really use some help mergin two scripts for a twitter vertical scroller. There aren't that many tutorials explaining how exactly to make a vertical scrolling twitter feed for your website especially ones with reply, favourite and tweet links.
Anyways - i'm using two scripts (vTicker & nTwitter) and can get it to work in Firefox, Safari and Chrome & IE9 however IE7 & IE8 not so much. I know what i've done is not correct so could use a little help pls.
I've put a version of this on my server for you to check:
http://www.proofmysites.com/test-tweet
Below is the code:
Code:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="nTwitter.js"></script>
<script src="jquery.vticker.js" type="text/javascript"></script>
</head>
<body>
<div id="twitter_div" style="overflow: hidden; position: relative; height: 308px;" ><ul id="twitter_update_list"></ul></div>
<script type="text/javascript">
var $ttwtsldr = jQuery.noConflict();
$ttwtsldr(document).ready(function() {
$ttwtsldr("#twitter_div").nTwitter({
userName: "SmartdesignNews",
tickHeight: 308,
prefix: 'fnTweets',
lang: {
reply:'/images/twitter/reply_mini.png" style="margin-bottom:-4px;" alt=""/>',
retweet:'/images/twitter/retweet_min.png" style="margin-bottom:-4px;" alt=""/>',
favorite:'/images/twitter/favorite_mini.png" style="margin-bottom:-4px;" alt=""/>',
noData:'This User does not have any Tweets',
less_than_a_minute_ago:'less than a minute ago',
a_minute_ago:'about a minute ago',
X_minutes_ago:'%%X%% minutes ago',
a_hour_ago:'about an hour ago',
X_hours_ago:'%%X%% hours ago',
a_day_ago:'yesterday',
X_days_ago:'%%X%% days ago'
}
});
$ttwtsldr('#twitter_div').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 308,
direction: 'up'
});
});
</script>
</body>
</html>
Any help would be greatly appreciated!
Thanks in Advance.
Cheers,
W
Before you post, read our: 
