If it is not possible . I will do in this way. I have stored image path in mysql database.The scroll image should have as many images as they are in my sql table.Below is my sql table image
And I change to the vertical instead of the horizontal. The program is working. But I have problems now if all the items do not have the equal images. Otherwise it will be displayed as x no images. That is the question I posted to the forum. Per the suggestion
as below by the expert:
@{DirectoryInfo dir = new DirectoryInfo(Server.MapPath(Url.Content("~/Content/Images")));}
@foreach (var file in dir.GetFiles())
{
<imgsrc="@Url.Content("~/Content/Images/" + file.Name)"/>
} I modified the images on the scroll area, but bigger thumbnail is not responsive and it does not work. Please advise! Thank you!
Helping you always. Don't forget to click "Mark as Answer" on the post that helped you.
♠ ASP.NET Core Tutorials → Start from the Beginning and become an Expert in 30 days time ♠
Member
17 Points
490 Posts
Stop scrolling
Dec 14, 2018 06:18 PM|Jessy|LINK
Hi I want to stop the scrolling if it reaches the last image in the folder. Please advise! Thank you!
All-Star
49741 Points
22062 Posts
Re: Stop scrolling
Dec 14, 2018 06:43 PM|mgebhard|LINK
Read the support docs to verify the 3rd party jcarousel supports your requirement.
https://sorgalla.com/jcarousel/
https://sorgalla.com/jcarousel/docs/plugins/autoscroll/
Member
17 Points
490 Posts
Re: Stop scrolling
Dec 14, 2018 07:09 PM|Jessy|LINK
If it is not possible . I will do in this way. I have stored image path in mysql database.The scroll image should have as many images as they are in my sql table.Below is my sql table image
Sku, img1, img2, img3, img4, img5, img6
A: img1: images/A/1.jpg, img2: images/A/2.jpg, img3: images/A/3.jpg, img4: images/A/4.jpg
B: img1: images/B/1.jpg, img2: images/B/2.jpg, img3: images/B/3.jpg,
if A has 4 entries, there should have 4 scrolls images or if B has 3 entries, there should have 3 scrolls of images and so on.
Member
17 Points
490 Posts
Re: Stop scrolling
Dec 14, 2018 07:20 PM|Jessy|LINK
It is similar to the link https://sorgalla.com/jcarousel/examples/connected-carousels/
And I change to the vertical instead of the horizontal. The program is working. But I have problems now if all the items do not have the equal images. Otherwise it will be displayed as x no images. That is the question I posted to the forum. Per the suggestion as below by the expert:
All-Star
49741 Points
22062 Posts
Re: Stop scrolling
Dec 14, 2018 07:58 PM|mgebhard|LINK
Is this a different subject?
The best I can guess is changing to vertical causes a variable horizontal image width due to how image aspect ratios work.
I recommend looking into using an image editor like Photoshop to make consistent image sizes.
Member
17 Points
490 Posts
Re: Stop scrolling
Dec 14, 2018 09:05 PM|Jessy|LINK
Yes, I do have the consistent size for all the images. thank you!
Member
17 Points
490 Posts
Re: Stop scrolling
Dec 15, 2018 05:21 AM|Jessy|LINK
It is urgent and please advise! Thank you!
Member
17 Points
490 Posts
Re: Stop scrolling
Dec 16, 2018 03:24 AM|Jessy|LINK
I have solved this. Thanks for everyone's advice!
Participant
1183 Points
888 Posts
Re: Stop scrolling
Dec 20, 2018 12:45 PM|yogyogi|LINK
Hello Jessy,
The feature which you are trying to build is known as AUTO Paging. It involves the following steps:
Kindly see the reference tutorial - How To Implement jQuery Infinite Scroll Feature For Auto Paging
Thanks & Regards
♠ ASP.NET Core Tutorials → Start from the Beginning and become an Expert in 30 days time ♠