Question

当我将鼠标悬停在图像上时，它应该像facebook和flipkart一样缩放。！

我尝试使用ngx-image-zoom。但是我只有一个来自api的图像，并且想要与api中的放大功能集成。

.html file

-->
<ngx-image-zoom
    [thumbImage]=myThumbnail
    [fullImage]=myFullresImage
></ngx-image-zoom>

.ts file 
-->
  myThumbnail = "https://wittlock.github.io/ngx-image-zoom/assets/thumb.jpg";
  myFullresImage = "https://wittlock.github.io/ngx-image-zoom/assets/fullres.jpg";

npm install ngx-image-zoom-保存 flipkart和Amazon类型将这些角度放大。！

Answer 1

要在 Angular 中实现 Flipkart 和 Amazon 等图像缩放功能，您可以尝试使用 npm 包 ng-img-magnifier。

<ng-img-magnifier [thumbImage]='img' [fullImage]='img2'
    [top]='top' [right]='right'
    [lensWidth]='lensewidth' [lensHeight]='lensheight'
    [resultWidth]='resultWidth' [resultHeight]='resultheight'
    [imgWidth]='imgWidth' [imgHeight]='imgheight'>
</ng-img-magnifier>

此软件包提供完全定制和支持。

我希望这能解决您的问题。

鼠标悬停在图像上时如何缩放？

1 个答案: