我在大约5年前在这个网站上使用过Highslide JS:http://wela.ctc.edu/academy12-13.aspx(示例页面)。现在我正在重新设计网站使用Twitter.Bootstrap,并试图找出如何调整Highslide弹出窗口以在小设备宽度工作。这是可能的还是我应该使用另一种解决方案来实现?我在我的highslide-with-html.js文件中使用了设置参数,但结果并不令人满意。如果可以在响应式设计中使用Highslide,那么可以感谢任何要查看的URL。
答案 0 :(得分:0)
简短的回答是,如果您打开图像,Highslide可以很好地适应小型设备。扩展器专门用于实现这一目的 - 在不超出视口边界的情况下尽可能大地显示图像。
但是当打开任何其他内容 - 包含HTML内容,iframe等的扩展器时 - 扩展器最初必须是固定大小。您可以在其上放置一个调整大小的句柄,但这对于处理从智能手机到大型显示器的所有内容来说还不够。
如果不重写Highslide JS,克服这个限制就要求你的页面自己检测视口大小,然后动态修改对htmlExpand()的调用,可能需要一些jQuery操作,或者更改.highslide- html CSS类的宽度。后一种方法(针对CSS)似乎更容易。