问题描述
我是Ninja Slider和Thumbnail Carousel脚本的付费用户,并且正在尝试实现Flickr-like Slideshow (Demo 4)。不幸的是,开发人员显然不再提供支持,甚至不再提供付费支持-看来他们可能会完全关闭-我对Stackoverflow上的某个人遇到了这些CSS或Javascript问题或类似问题并可以提供帮助感到乐观。正在进行的工作是here。
两个问题是:
(1)在全屏模式下,如果查看的宽度小于800像素,则会将幻灯片放到页面底部,并且默认情况下直到向下滚动时才可以查看。
应该可以在ninja-slider-gallery.css或thumbnail-slider-gallery.css文件底部的响应设置中调整大小,但是仅调整元素的大小会更改大小,但不会更改它的位置。
/*Responsive settings*/
@media only screen and (max-width:800px){
/*Responsive settings*/
@media only screen and (max-width:736px){
修改CSS的最佳方法是什么,以使画廊在默认情况下在小显示器上可见,并在大显示器上正确居中?
(2)也是在较小设备上以全屏模式显示的问题,它似乎是按比例缩放宽度,而不是按比例缩放高度。因此,在小型显示器上,图像/轮播可以延伸到屏幕底部之外。
我查看了this helpful post on Stackoverflow(对于解决过去与规模相关的问题非常有用),经历了provided documentation,并且在开发者的网站上也阅读了this answer。我已经看过code on Demo 8(在全屏模式下会达到我想要的效果),但是肯定有一些我想念的东西。
不幸的是,尝试更改Javascript文件中的AspectRatio(如Demo 8),不适用于Demo 4。
修改CSS或Javascript的最佳方法是什么,以便在全屏模式下,画廊可以双向缩放以适应较小的显示器(例如移动的横向景观)?不只是宽度,还有高度?
非常感谢您。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)