I am trying to display only 3 pages where each slide contains 4 items(images) to display content with images using owl carousel. Limiting the total number of images to 12( I have 30-40 images in the folder path) or limit the number of pages. The images are stored in a particular folder path and not defined in the HTML file.
我试图只显示3页,其中每张幻灯片包含4个项目(图像),以使用猫头鹰轮播显示图像内容。将图像总数限制为12(我在文件夹路径中有30-40个图像)或限制页数。图像存储在特定的文件夹路径中,而不是在HTML文件中定义。
To limit the number of images in each page I have used this.I want to limit the number of pages displayed to 3(with 4 images in each) or total number of images to 12.
为了限制我使用过的每个页面中的图像数量。我想将显示的页数限制为3(每个中有4个图像)或图像总数为12。
$("#owl-example").owlCarousel(
{
items:4,
navigation: true
});
1 个解决方案
#1
0
The way I solved the problem was by limiting the number of slides as done previously using $("#owl-example").owlCarousel( { items:4, navigation: true }); I looked for the ways to limit the number of pages in owl carousel but the only way i figured was to limit the number of images before displaying item using owl carousel and since i was using XSLT to displayin the images by applying the templates I figured limiting Items(images) while template was being applied. Would love to see if anybody has better way to limit images or pages in owl carousel itself.
我解决问题的方法是使用$(“#owl-example”)来限制幻灯片的数量.owlCarousel({items:4,navigation:true});我寻找限制猫头鹰旋转木马中页面数量的方法,但我想到的唯一方法是在使用猫头鹰旋转木马显示项目之前限制图像数量,因为我使用XSLT通过应用模板来显示图像我认为限制应用模板时的项目(图像)。很想知道是否有人有更好的方法来限制猫头鹰旋转木马本身的图像或页面。
#1
0
The way I solved the problem was by limiting the number of slides as done previously using $("#owl-example").owlCarousel( { items:4, navigation: true }); I looked for the ways to limit the number of pages in owl carousel but the only way i figured was to limit the number of images before displaying item using owl carousel and since i was using XSLT to displayin the images by applying the templates I figured limiting Items(images) while template was being applied. Would love to see if anybody has better way to limit images or pages in owl carousel itself.
我解决问题的方法是使用$(“#owl-example”)来限制幻灯片的数量.owlCarousel({items:4,navigation:true});我寻找限制猫头鹰旋转木马中页面数量的方法,但我想到的唯一方法是在使用猫头鹰旋转木马显示项目之前限制图像数量,因为我使用XSLT通过应用模板来显示图像我认为限制应用模板时的项目(图像)。很想知道是否有人有更好的方法来限制猫头鹰旋转木马本身的图像或页面。