Looping through items in a web app

Your first step should be to customize the web app item list layout to match how each item is rendered in the shared content holder. From there, you should recreate each news item as an individual web app items. Finally, replace the content holder with the web app item list module ( {module_webapps,20117,a} ). It appears that the script that is responsible for handling the looping can be found here and is not relying on any sort of fixed number to control the transitions. Instead, it simply is looking for any divs which have an id that begin with "content-" and fades them in & out in whatever order it finds them until it reaches the final item and then starts over.

Additionally, I would recommend adding some sort of incremental counter to your div id within your list template. Currently, the divs which contain each of the three news items share the same id attribute of "content-" which is not something you want.

Something like this in your list layout should do the trick:

<div id="content-{tag_counter}">