
內容簡介
在頁面、文章或自訂文章類型的文章中新增 [zoom] 短代碼。如果文章有特色圖片,它將會顯示在頁面上,當您移動光標到圖片上時,圖片將會放大,而圖片視口仍保持原始圖片的尺寸限制。
在行動/觸控裝置中,圖片也可以縮放,但由於沒有懸停狀態,這是通過捏和縮放動作實現的。
在我的網站上,您可以看到外掛的 演示。
使用方法:
確保您的文章/頁面已定義特色圖片。
在您的頁面中加入 [zoom] 短代碼。
也可以使用一些可選的短代碼參數。
=size=
預設使用大圖像作為未放大的圖像。使用 size 參數來使用其他已定義的圖像大小。
例如:‘[zoom size=thumbnail]’
=zoomsize=
完整圖像用於縮放疊加。這可以使用 zoomsize 短代碼參數進行更改。
例如:‘[zoom zoomsize=large]’
未放大和放大的圖像所使用的圖像大小定義應具有相同的長寬比例和裁剪。
=zoomin=
這可用於微調縮放級別。該值必須是正整數。預設值為 6,因此,如果縮放級別導致懸停時放大過多,請嘗試較低的值。
例如:‘[zoom zoomin=2]’
外掛標籤
開發者團隊
原文外掛簡介
Add the [zoom] shortcode to a page, post or custom post-type post. If the post has a featured image it will displayed on the page, and when you move the cursor over the image, the image will be magnified with the image viewport remains constrained to the dimensions of the original image.
on a mobile/touch device the image will also be zoomable, but as there is no hover state this is achieved by means of a pinch & zoom action.
On my site you can see a demo of the plugin.
Usage:
Ensure that your post/page has a featured image defined.
Use a [zoom] shortcode to your page.
Some optional shortcode parameters can also be used.
=size=
The large image is used by default for the unzoomed image. Use the size parameter to use a different defined image size.
eg ‘[zoom size=thumbnail]’
=zoomsize=
The full image is used for the zoomed overlay. This can be changed using the zoomsize shortcode parameter.
eg ‘[zoom zoomsize=large]’
The image size definitions used for the the unzoomed and zoomed images should have the same aspect ratio and cropping.
=zoomin=
This can be used to tweak the level of zoom. The value must be a positive integer. The default is 6 so if the zoom level results in too much magnification on hover, try a lower value.
eg ‘[zoom zoomin=2]’
