JSSOR:图像小于幻灯片,不应居中

时间:2015-01-09 16:58:02

标签: jssor

首先:GREAT STUFF !!

情况:我的滑块中加载的图像小于幻灯片容器。使用" $ FillMode:5"我可以确保图像具有在幻灯片容器中显示的正确大小,但它们是居中的。

问:有没有办法让它们与右边对齐,这样我就可以在左边显示标题。

TRIED:使用CSS来对齐图像:既不是

#slides img { float: left !important };

,也不

#slides img {
     position: absolute !important;
     right: 0px !important;
}

完成了这项工作。

2 个答案:

答案 0 :(得分:0)

A: 经过一些摆弄,并分析了脚本生成的实际源代码,我发现了

  1. 使用#slides会导致编码错误,因为标签“”是重复的(无论出于何种原因)并因此会提供2个相同的ID,因此最好使用“.slides”/“”

  2. 以下CSS执行作业,将较小的图像对齐幻灯片右侧

    .slides {   div {     img {       右:0px!important;       left:auto!important;     } }

答案 1 :(得分:0)

Jssor滑块将根据$ FillMode自动填充和对齐图像(采用以下格式),

<img u="image" src="url" />

要自行手动填充图片,请删除u =&#34;图片&#34;,

<img src="url" />