要解决Angular 8 Fotorama在底部没有显示预览图像的问题,可以尝试以下解决方法:
import { Component, OnInit } from '@angular/core';
declare var $: any; // 引入jQuery
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent implements OnInit {
ngOnInit() {
// 初始化Fotorama
$('.fotorama').fotorama({
nav: 'thumbs', // 显示预览图像
thumbheight: 80, // 预览图像的高度
thumbwidth: 120 // 预览图像的宽度
});
}
}
确保在你的组件中正确引入jQuery,并在ngOnInit方法中初始化Fotorama,并根据你的需求添加适当的配置选项。
确保将你的图像路径替换为实际的图像路径,并将它们包含在一个带有"fotorama"类的div容器中。
通过尝试以上解决方法,你应该能够解决Angular 8 Fotorama在底部没有显示预览图像的问题。如果问题仍然存在,请确保你的Fotorama库版本兼容Angular 8,并检查浏览器控制台是否有任何错误信息。