我正在开发一个 TYPO3 网站的移动版本。在那里，我使用了nivoslider使用官方已知的 Nivo Slider 的插件。现在我必须减小滑块的大小。我怎样才能做到这一点？
在 TYPO3 中，插件页面上有一个宽度和高度设置，但这也会影响全尺寸网站。因为没有手册，我不认为我可以在之后使用 Typoscript 设置宽度和高度。
我尝试用 CSS 设置宽度
.nivoSlider {
width: 300px !important;
height: auto !important;
}
.nivoSlider img {
width: 300px !important;
height: auto !important;
}
但是当滑块加载时，它使用图片的正常大小。只有滑块容器本身会裁剪图像，但高度错误（只能看到点和图像的一小部分）。
我还尝试查看文档以查看是否可以以某种方式设置宽度和高度。但是我没有找到任何设置。我可以使用任何 javascript/jquery 解决方案吗？这不起作用：
$(document).ready(function() {
$('.nivoslider img').each(function(index, element){
alert('test');
$(this).width(300);
var src = $(this).attr("src");
src = 'fileadmin/templates/timthumb/timthumb.php?src=' + src + '&w=300';
$(this).attr("src", src);
});
});
似乎.nivoslider是之后构建的，但我的代码是之前执行的。这是确认：
if ($('.nivoslider').length != 0) {
alert('element found');
}else{
alert('element NOT found');
}
上面的代码给了我element NOT found，因为扩展的初始化在末尾，header而我的代码在前面。如何在 TYPO3 的标题末尾包含 Javascript 代码？
现在我想我会使用这个 CSS，因为我没有看到任何解决方案：
.nivoslider {
display: none;
}