将幻灯片宽度更改为图像宽度

Question

<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:380px;overflow:hidden; ">

        <div data-p="170.00" >
            <img data-u="image" src="../../../Admin/Products and Services/images/<?php echo $img1 ;?>" />
        </div>
<div>

在此Jssor滑块中，如何将滑块div最大宽度更改为图像宽度。链接到jssor滑块的位置在Jssor Slider下方。谢谢！

Answer 1

假设您的页面上可能有更多滑块，并且每个滑块中有更多图像，则可以采用以下方法：

<div *ngIf="condition; else elseBlock">
   Truthy condition
</div>

<ng-template #elseBlock>
  False condition
</ng-template>

Answer 2

以下是快速演示如何操作：

-new-row

我假设你想要把内部div的外部div拉伸到内部div的内部图像的大小。我也假设没有libs，只有vanilla。我还假设你希望它与旧浏览器兼容，所以没有像箭头这样的花哨东西。

如果你有多张照片，你需要添加它们的尺寸，可能的边距，边框和填充物介于两者之间。那个要求我用CSS来查看你的整个HTML样式，以便我知道我需要考虑什么。

这是一个带有互联网照片的演示：

fiddlejs

Ofc，删除控制台日志，它们仅用于演示。