惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Jina AI
Jina AI
大猫的无限游戏
大猫的无限游戏
T
Tailwind CSS Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
WordPress大学
WordPress大学
Last Week in AI
Last Week in AI
Hugging Face - Blog
Hugging Face - Blog
阮一峰的网络日志
阮一峰的网络日志
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
V
V2EX
博客园 - 叶小钗
雷峰网
雷峰网
小众软件
小众软件
量子位
V
Visual Studio Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
The GitHub Blog
The GitHub Blog
Martin Fowler
Martin Fowler
G
Google Developers Blog
博客园_首页
博客园 - Franky
有赞技术团队
有赞技术团队
宝玉的分享
宝玉的分享

WordPress Plugin

How to Create an Audio Player Playlist from an XML File Copy Audio URL in Wonder Audio Player YouTube Error 153 | WordPress Plugin Wonder Lightbox JavaScript Events | WordPress Plugin How to Create a WordPress Gallery from an XML File How to Remove URL Query Parameters in Wonder Lightbox How to Dynamically Create a WordPress Image and Video Gallery Using WordPress Media Library IDs How to Add an Image to the Lightbox Gallery Without Showing It in the Grid Gallery Double Tap to Play or Pause the WordPress Audio Player on Touch Devices
How to Make the PDF Page Fit the Entire Lightbox Width Wh...
2024-07-30 · via WordPress Plugin

Plugin:

Wonder Lightbox

Tutorial:

You can easily open a PDF file in a lightbox popup using the Wonder Lightbox plugin. By default, the PDF file will open with the "Automatic Zoom" option enabled.

To define a different zoom option, add an additional parameter to the end of the PDF file URL. The available options are: #zoom=page-width, #zoom=page-height, and #zoom=page-fit.

To make the PDF page fit the entire lightbox width, you can add #zoom=page-width to the end of the PDF URL. For example:

https://www.wonderplugin.com/wp-content/uploads/2017/02/how-to-create-a-wordpress-post-carousel.pdf#zoom=page-width

The lightbox code will be as follows:

<a href="https://www.wonderplugin.com/wp-content/uploads/2017/02/how-to-create-a-wordpress-post-carousel.pdf#zoom=page-width" class="wplightbox" data-barheight="0" data-width="1200" data-height="1200" data-showsocial="false">Open PDF in Lightbox</a>

An online demo is as follows: Open PDF in Lightbox