Just had an other idea, its a hack though:
1)
Create a template override for the teaser module.
2)
In line 24 replace
Code:
<?php foreach ($list as $item) : ?>
with
Code:
<?php $rowcount = 0;
foreach ($list as $item) :
$rowcount++
?>
3)
In line 26 replace
Code:
<h2 class="event-title">
with
Code:
<div class="event-count-<?php echo $rowcount; ?>">
<h2 class="event-title">
4)
in line 107-108 replace
Code:
</table>
<?php endforeach; ?>
with
Code:
</table>
</div>
<?php endforeach; ?>
5) now can can address every event via CSS classes.
The first event has the class "event-count-1", the second "event-count-2" and the third "event-count-3".
Create three JEM teaser modules each with the next three occuring events.
Give each module a separate module class suffix (at the bottom of the module settings), for example teaser1, teaser2 and teaser3
Then use CSS to display/hide the events in the modules. In your case that would be:
Code:
/* hide all events by default */
.event-count-1,
.event-count-2,
.event-count-3
{display:none; }
/* display 1st event in 1st module, 2nd event in 2nd module and 3rd event in 3rd module */
.moduletableteaser1 .event-count-1,
.moduletableteaser2 .event-count-2,
.moduletableteaser3 .event-count-3
{ display: block; }
have fun
