News carousel question

Issue

Votes

Undo

Hello Ciaran,

I have a question about news carousel. I have added three items in a two column news carousel. But when I click the next page button in order to see the third item, I see the third item along with the first item again.

Is there a way to only see the three items without them being repeated when I click the next button at the right corner? To be more specific I want to see item 1 and 2 in page one and when I click next I want to only see item 3 without item 1 to be shown next to item 3.

Here I send you the url: http://www.arthrojoint.gr

And I also send you some screen shots..

I really appreciate your help.

Kind regards,

Eri

Responses (1)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Eri

I believe this should be possible with the use of an override for your module. Create an override for the J51 News module and then look for the following code within it...

$document->addScriptDeclaration('

	document.addEventListener("DOMContentLoaded", () => {

			var slider = tns({

			container: "#j51news'.$j51_moduleid.'",

			items: 1,

			slideBy: "page",

			nav: false,

			autoplay: '.$j51_autoplay.',

			autoplayTimeout: '.$j51_autoplay_delay.',

			speed: '.$j51_trans_speed.',

			mouseDrag: true,

			controlsContainer: "#j51news'.$j51_moduleid.'-controls",

			autoplayButton: "#j51news'.$j51_moduleid.'-play",

			mouseDrag: true,

	});

'); 

}

You can amend this options object to your own taste adding the extra properties that are needed as detailed here... https://github.com/ganlanyuan/tiny-slider

If I understand you correctly, I believe you will need to add and set rewind to true.

Ciaran

more than a month ago
Commercial Templates
# 1

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

News carousel question

Site Links

Recommended

Join Our Newsletter