module News Flash Scroller

[rodeto]

Een klant van mij maakt voor een aantal sites gebruik van de module News Flash Scroller. Deze wordt al een hele tijd niet meer ondersteund maar was nog wel werkzaam in CMS 1.x.
Weet iemand een oplossing om deze ook werkzaam te krijgen in CMS 2.x?

[Rolf]

Blog: http://www.cmscanbesimple.org/blog/crea ... -or-images
Demo: http://www.cmscanbesimple.org/demo/slid ... -or-images

[rodeto]

Hallo Rolf,
dankjewel voor je reactie. Ik had deze blogpost recent al eens doorgenomen maar ik was in de veronderstelling dat ik hier niet de mogelijkheid in had om een nieuwsticker te maken.
Mijn klant heeft nu op zijn site een aantal nieuwsberichten die achter elkaar aan lopen. En dat idee wil hij behouden.

Is het wel mogelijk om dat te effectueren in deze oplossing?

ps: kijk hier voor de huidige situatie

[rodeto]

Ik heb een oplossing gevonden die gebruik maakt van CSS.

In de template heb ik deze code toegevoegd:

Code: Select all

<div class="ticker marquee"><span>{news detailpage="nieuws" category="flashberichten" summarytemplate="ticker" moretext="" }<span></div>

De css code "ticker" is voor de kleur, lettertype etc. Voor de beweging heb ik onderstaande code toegevoegd.

Code: Select all

.marquee {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 300s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

Bovenstaande oplossing werkt goed en resulteert in het gewenste resultaat