Download & Extend

Activity Stream Block with jCarousel

Project:Activity Stream
Version:6.x-2.x-dev
Component:User interface
Category:feature request
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

Can anyone offer me pointers as to how I can add jCarousel support (vertical) to the Activity Stream block? After doing a lot of due diligence all over the web, it seems like this may not be possible without hard coding the module itself...

Example of jCarousel textscrolling in action: http://sorgalla.com/projects/jcarousel/examples/special_textscroller.html

Here's a demo of what the result may loook like (this one is running on Word Press)...
Demo: http://www.darrenhoyt.com/demo/agregado/

Comments appreciated!

Comments

#1

Simply put this in your HEAD in page.php.tpl and then adjust the height of #activitystream in your theme's stylesheet.

<script type="text/javascript" src="jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jcarousel.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#activitystream').jcarousel({
        vertical: true,
        scroll: 2
    });
});

</script>

#2

@akalsey

MUCH MUCH thanks for these pointers... They allowed me to finally get Activity Stream working with jCarousel on my site http://spiffyd.com after extensively rewriting the CSS to suit my theme!

However, there's one minor "bug" I've discovered... I always get this error/alert: "jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." when my scrolling comes to the end of the "first page of stream items" (the number of items by default is the number of posts to display on the front page; this can be tweaked in the modules file).
crolling awhile with my jCarousel navigation arrow.

I'm still debugging my CSS to see what may be the cause of this...

Cheers~!

#3

Status:active» closed (fixed)

I don't know anything at all about jCarousel, so I'm afraid your on your own from here on out.

#4

I found a solution to the infinite loop error. Here it is:

http://spiffyd.com/blog/bug-fixed-jcarousel-widthheight-infinite-loop-po...

nobody click here