Jquery as a text scroller, HELP
Hey everyone, I am very new to jquery and have a project that i need to finish.
I am using jquery as a text scroll (jcarousel) to pull recent articles from a blog. Everything works great. EXCEPT, I would like to have the links open in a new browser if possible.
Here is where I THINK the code needs to be changed?? But i am just to new to make the edit, Your help is appreciated.
- // JavaScript Document
- function mycarousel_initCallback(carousel, state)
- {
- // Lock until all items are loaded. That prevents jCarousel from
- // setup correctly and we have to do that in the ajax callback
- // function with carousel.setup().
- // We're doing that because we don't know the exact height of each
- // items until they are added to the list.
- carousel.lock();
- jQuery.get(
- 'special_textscroller.php',
- {
- 'feed': 'http://wheelsforheroes.org/wwn/feed/'
- },
- function(xml) {
- mycarousel_itemAddCallback(carousel, xml);
- },
- 'xml'
- );
- };
- function mycarousel_itemAddCallback(carousel, xml)
- {
- var $items = jQuery('item', xml);
- $items.each(function(i) {
- carousel.add(i + 1, mycarousel_getItemHTML(this));
- });
- carousel.size($items.size());
- // Unlock and setup.
- carousel.unlock();
- carousel.setup();
- };
- /**
- * Item html creation helper.
- */
- function mycarousel_getItemHTML(item)
- {
- return '<h3><a href="'+$('link', item).text()+'">'+$('title', item).text()+'</a></h3><p>'+mycarousel_truncate($('description', item).text(), 150)+'</p>';
- };
- /**
- * Utility function for truncating a string without breaking words.
- */
- function mycarousel_truncate(str, length, suffix) {
- if (str.length <= length) {
- return str;
- }
- if (suffix == undefined) {
- suffix = '...';
- }
- return str.substr(0, length).replace(/\s+?(\S+)?$/g, '') + suffix;
- };
- jQuery(document).ready(function() {
- /**
- * We show a simple loading indicator
- * using the jQuery ajax events
- */
- jQuery().ajaxStart(function() {
- jQuery(".jcarousel-clip-vertical").addClass('loading');
- });
- jQuery().ajaxStop(function() {
- jQuery(".jcarousel-clip-vertical").removeClass('loading');
- });
- jQuery('#mycarousel').jcarousel({
- vertical: true,
- size: 0,
- initCallback: mycarousel_initCallback
- });
- });