Javascript 滑块中显示的图像比实际图像小

我试图显示一个单独的图像和一个滑块中的多个图像。唯一的问题是我无法在滑块中获得与单个图像相同高度的图像，它显示的图像要小得多。我如何才能获得与之匹配的图像大小？即使得到相同高度和宽度的图像，在滑块中显示的图像也会更小

以下是一个显示图像的应用程序：

（忽略通知错误）

显示图像和滑块的代码：

<?php 
    //start:procedure image
    if(count($arrImageFile[$key]) == 1){
        foreach ($arrImageFile[$key] as $i) {
?>
<p><img alt="<?php echo $i; ?>" height="200" width="200" src="<?php echo 'ImageFiles/'.$i; ?>"></p>
<?php 
        } 
    } else if(count($arrImageFile[$key]) > 1){
?>

<style>
    #galleriaimage_<?php echo $key; ?>{ width: 200px; height: 250px; background: #000 }
</style>
<div id="galleriaimage_<?php echo $key; ?>">
<?php foreach ($arrImageFile[$key] as $i) { ?>
    <img alt="<?php echo $i; ?>" height="250" width="200" src="<?php echo 'ImageFiles/'.$i; ?>">
<?php } ?>
</div>

<script type="text/javascript">
    Galleria.loadTheme('jquery/classic/galleria.classic.min.js');
    Galleria.run('#galleriaimage_<?php echo $key; ?>');
</script>

<?php
    }

“>

#Galleria图像{宽度：200px；高度：250px；背景：000}

例如，可以使用变量定义高度。
查看
imageCrop参数


类型：布尔值或字符串默认值：false

定义如何在主图像的容器中裁剪主图像

true：所有图像都会缩放以填充舞台，居中并进行裁剪。

false：缩小比例，使整个图像适合。

“高度”：缩放图像以填充舞台高度。

“宽度”：将缩放图像以填充舞台的宽度。

“横向”将填充具有横向比例的图像，但缩放纵向图像以适合容器内部。

“肖像画”与“风景画”类似，但与之相反

您甚至可以成功地组合以下参数：

Galleria.run('#galleria', {
    height: 250,
    imageCrop: 'height'
});

或者通过CSS设置高度/宽度，并单独使用imageCrop。
术语有点混乱，但我的理解是，您的原始图像是1024x768，但Galleria会缩放特征图像以适应舞台，问题是如何增加特征图像的大小

在您的示例中，此样式将舞台设置为200x200
#galleriaimage(7{宽度：200px；高度：200px；背景：#000；}

在控制台中，我将这些样式尺寸更改为
width:1024px；height:768px；
，并通过运行
Galleria.run（“#Galleria Image_7”）刷新了Galleria
，脚本解析样式以设置舞台大小。黑色背景中仍有额外的填充，因此您需要将舞台放大或编辑样式以删除填充

我认为，JQ会覆盖图像高度，因此您应该研究JQ功能Galleria旨在执行此行为，它会自动调整其“缩略图”大小，以适合您的需要，您最好选择一个符合您需要的旋转木马库，而不是破解此库（考虑到文档中没有控制缩略图大小的选项）。@pebbl我说的是主图像，而不是小缩略图，我只想在galleria中主图像的高度为250像素，宽度为200像素slider@user2056342但是主滑块中的大“图像”（不是缩略图滑块）不是图像，它们是由jplayer（通过事物的外观）转换为iFrame的。啊，现在事情变得更有意义了，不幸的是我的建议仍然是一样的。Gallaria似乎总是设计成缩放图像以适应它的“舞台”尺寸。因此，你可以控制它们出现的大小的唯一方法是改变舞台的尺寸（正如您已经在
#galleriaimage_7
上使用css，或者使用Pavel的答案）但是如果您想要获得精确的图像尺寸，您必须考虑Gallaria的内部填充、缩略图旋转和其他GUI指标。使用一些不同尺寸的尝试和错误应该可以做到这一点。
Galleria.run('#galleria', {
    height: 250,
    imageCrop: 'height'
});