html5点击缩略看原图,PPT如何实现点小图看大图点击缩略图效果

本文主要是介绍html5点击缩略看原图,PPT如何实现点小图看大图点击缩略图效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

为了展示某品牌汽车,需要做PPT幻灯片给大客户演示该品牌各种型号的汽车和内部结构图,具体的需求是这样的:在PowerPoint中先展示各种汽车的省略小图片,如果客户对哪款汽车有意向,则点击该小缩略图则可以看到大图片。面对这个问题,下面给出了不错的解决方案,有类似需求的朋友可以参考下。

PPT实现点小图看大图点击缩略图效果

简述

首先在幻灯片页面中插入一个新的演示文稿,并填充图片,可以不用考虑图片的原始大小,添加之后即可自动适应对象框的大小和位置,下面用同样的方法在幻灯片中添加其他的Microsoft PowerPoint演示文稿对象,直至把所有需要的图片都填充添加完毕,按Ctrl+D组合键复制粘贴出多个演示文稿对象可提高操作效率。

笔者利用插入Microsoft PowerPoint演示文稿对象的方法轻松实现了这种效果。

插入新演示文稿

先打开PowerPoint 2010,来到要制作缩略图效果的空白幻灯片页面,然后依次单击“插入→对象”,打开“插入对象”对话框,单击“新建”,在对象类型中选择“Microsoft PowerPoint演示文稿”,单击“确定”按钮(图1),在该幻灯片页面中插入一个新的演示文稿。

79609a488be095a1357fde6a5be1214b.png

巧妙利用背景图片

插入成功后,在改幻灯片编辑区里就会出现一个类似于“图片”的对象框,这就是刚刚插入的演示文稿,选中该对象框,可以看到幻灯片编辑区内有8个黑色的控制焦点,可以拖动它,调节其大小,再把该对象框拖动到合适位置。选中后右键单击,在弹出菜单中选择“设置背景格式”,然后在“填充”选项中选择“图片或纹理填充”(图2)。

11120JJ9-1.jpg

接下来就可以从文件、剪贴板或者剪贴画中选出想要添加的图片,这里单击“文件”,然后选中要插入的图片文件,最后单击“关闭”按钮,这样就完成了第一张图片的设置。

这种采用“填充”功能来添加图片,可以不用考虑图片的原始大小,添加之后即可自动适应对象框的大小和位置。

依法炮制添加图片

用同样的方法在幻灯片中添加其他的Microsoft PowerPoint演示文稿对象,填充需要的图片,直至把所有需要的图片都填充添加完毕(图3),这样点小图看大图的缩略图效果就完成了,演示的时候只要单击幻灯片上的汽车图片,就自动打开该图片的全屏清晰大图。

c8f365b1cc406dbe7b75817b2c0f8f8c.png

如果嫌一张一张的添加填充图片比较费时,可以第一个添加设置好的演示文稿对象,按Ctrl+D组合键复制粘贴出多个演示文稿对象,然后拖动它们到各自的位置上,接下来只要采用前面的方法重新设置每个演示文稿的背景填充图片就可以了。

为了避免演示的时候出现尴尬,可以单击“切换”选项卡,去掉“换片方式”下的“单击鼠标时”,这样可以避免播放时操作者的鼠标不小心没有点到小图,而是点到小图外的空白处,演示文稿就可能直接跳转到下一页幻灯片中了,需要跳转到下一页,可用按键盘的空格键来实现。

看过“PPT如何实现点小图看大图点击缩略图效果”的人还看了:

这篇关于html5点击缩略看原图,PPT如何实现点小图看大图点击缩略图效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/338703

相关文章

python使用Akshare与Streamlit实现股票估值分析教程(图文代码)

《python使用Akshare与Streamlit实现股票估值分析教程(图文代码)》入职测试中的一道题,要求:从Akshare下载某一个股票近十年的财务报表包括,资产负债表,利润表,现金流量表,保存... 目录一、前言二、核心知识点梳理1、Akshare数据获取2、Pandas数据处理3、Matplotl

分布式锁在Spring Boot应用中的实现过程

《分布式锁在SpringBoot应用中的实现过程》文章介绍在SpringBoot中通过自定义Lock注解、LockAspect切面和RedisLockUtils工具类实现分布式锁,确保多实例并发操作... 目录Lock注解LockASPect切面RedisLockUtils工具类总结在现代微服务架构中,分布

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门:一行代码实现优雅重试精细控制:让重试按我

Redis客户端连接机制的实现方案

《Redis客户端连接机制的实现方案》本文主要介绍了Redis客户端连接机制的实现方案,包括事件驱动模型、非阻塞I/O处理、连接池应用及配置优化,具有一定的参考价值,感兴趣的可以了解一下... 目录1. Redis连接模型概述2. 连接建立过程详解2.1 连php接初始化流程2.2 关键配置参数3. 最大连

Python实现网格交易策略的过程

《Python实现网格交易策略的过程》本文讲解Python网格交易策略,利用ccxt获取加密货币数据及backtrader回测,通过设定网格节点,低买高卖获利,适合震荡行情,下面跟我一起看看我们的第一... 网格交易是一种经典的量化交易策略,其核心思想是在价格上下预设多个“网格”,当价格触发特定网格时执行买

python设置环境变量路径实现过程

《python设置环境变量路径实现过程》本文介绍设置Python路径的多种方法:临时设置(Windows用`set`,Linux/macOS用`export`)、永久设置(系统属性或shell配置文件... 目录设置python路径的方法临时设置环境变量(适用于当前会话)永久设置环境变量(Windows系统

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、

PyCharm中配置PyQt的实现步骤

《PyCharm中配置PyQt的实现步骤》PyCharm是JetBrains推出的一款强大的PythonIDE,结合PyQt可以进行pythion高效开发桌面GUI应用程序,本文就来介绍一下PyCha... 目录1. 安装China编程PyQt1.PyQt 核心组件2. 基础 PyQt 应用程序结构3. 使用 Q