Help merging nTwitter.js and jquery.vticker for a Automatic Vertical Twitter
Hi All,
I could really use some help here with the merging of two scripts. I am trying to make a vertical scrolling twitter ticker with reply, retweet & favourite links.
I've got the two scripts i want to use and am able to get it to work in Safari, firefox, chrome and IE9 however IE7 and IE8 not working at all.
I've put a version on my test server for you to check:
http://www.proofmysites.com/tweet-test
I'm trying to merge two scripts: nTwitter & vTicker please check out the code below.
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'
});
Any help would be hugely appreciated.
Cheers,
W
