PowerPoint实现小图片点击放大以查看大图片细节的效果

来源:电脑网络 时间:2016-07-08 12:34:31 阅读:

【www.zhuodaoren.com--电脑网络】

第一篇:《PPT实现点小图看大图》

PPT实现点小图看大图效果

在PPT演示作品中,如何实现点击缩略图随机显示大图片的效果?

好友小王在某汽车品牌做地区销售经理,过几天需要出差,为了展示该品牌汽车,需要做PPT幻灯片给大客户演示该品牌各种型号的汽车和内部结构图,制作过程中遇到难题了,按照领导的意思需要在PowerPoint中先展示各种汽车的省略小图片,如果客户对哪款汽车有意向,则点击该小缩略图则可以看到大图片,对PPT不是很熟的小王只好找到笔者帮忙。 笔者利用插入Microsoft PowerPoint演示文稿对象的方法轻松实现了这种效果。 插入新演示文稿

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

巧妙利用背景图片

插入成功后,在改幻灯片编辑区里就会出现一个类似于“图片”的对象框,这就是刚刚插入

的演示文稿,选中该对象框,可以看到幻灯片编辑区内有8

个黑色的控制焦点,可以拖动它,调节其大小,再把该对象框拖动到合适位置。选中后右键单击,在弹出菜单中选择“设置背景格式”,然后在“填充”选项中选择“图片或纹理填充”(图2)。

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

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

依法炮制添加图片

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

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

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

第二篇:《PPT高级动画教程:一张幻灯片显示多张图片,点击小图显示大图》【PowerPoint实现小图片点击放大以查看大图片细节的效果】

第三篇:《实现PPT点小图看大图效果四法》

实现PPT点小图看大图效果四法

在校园多媒体大赛作品或师生的PPT演示中,我们常常可以见到点击小图出现相应大图的演示效果,本刊前面也有过文章介绍。笔者总结了比较常见的点小图看大图的4种方法。【PowerPoint实现小图片点击放大以查看大图片细节的效果】

我们以PowerPoint 2003为测试环境,具体介绍这4种方法的实现过程。

触发器法

第一步:在幻灯片中插入两张相同的图片,并修改图片大小,在幻灯片上出现一张大图、一张小图的效果。【PowerPoint实现小图片点击放大以查看大图片细节的效果】

第二步:给大图设置进入、退出动作效果。本例大图的进入效果为“渐变”,退出效果为“渐变式缩放”。

第三步:为大图的进入、退出动作效果设置触发器。单击进入动作效

果(动作1)右侧的下拉按钮,在打开的下拉菜单中选择“计时”命令,打开计时对话框,在计时对话框中选择“触发器”,然后选择“单击下列对象时启动效果”右侧的下拉列表(图1),第一个pic1是幻灯片中大图的名称,第二个pic1是演示文稿中小图的名称。因为要使用小图来控制大图的进入退出,所以这里选择小图的名称,即第二个pic1(因插入的图片名称不同,所以幻灯片中显示的图片名称不同)。

第四步:重复步骤三,为大图的退出效果设置触发器,并添加相应效果。幻灯片放映时,单击幻灯片下面的小图时,大图出现;再次单击小图时,大图退出。

说明:触发器是PowerPoint中的一项动画控制功能,单击触发器时它会触发一个操作,包括声音、影片或动画的播放控制。利用触发器可以让PPT具有更多的交互功能。

动作设置或超链接法【PowerPoint实现小图片点击放大以查看大图片细节的效果】

第一步:添加幻灯片,幻灯片的页数由图片决定,图片有几张幻灯片就有几页,而且幻灯片要使用相同的模板。

第二步:在幻灯片中插入图片,每张小图幻灯片上都要插入,而且位置大小都要一致。按小图的顺序,在每一张幻灯片上插入对应的大图,同样,大图的位置与大小也都要一致。

第三步:设置超链接,选中第一张小图右击鼠标,在弹出的快捷菜单中选择“超链接”命令。在超链接对话框中,选择“本文档中的位置”,并在右侧的位置中,选择要链接到的幻灯片。

第四步:重复步骤三,为演示文稿中所有幻灯片中的小图设置超链接(图2)。当演示文稿放映时,单击小图后会链接到大图所在的幻灯片。 如果想要实现鼠标移过小图看大图效果,可以使用“动作设置”来实现。选中小图后右击,在弹出的快捷菜单中选择“动作设置”命令,在动作设置对话框中,设置当鼠标移过时要超链接到的幻灯片。当演示文稿放映

时,鼠标移过小图时,则自动切换到大图所在的幻灯片。

说明:利用这种方法实现点小图看大图效果的缺点是所需要的幻灯片的页数较多,有几张图片就要有几页幻灯片。

插入对象法

第一步:在幻灯片中不要插入图片,依次单击“插入→对象”,打开“插入对象”对话框。单击“新建”,在对象类型中选择“Microsoft PowerPoint演示文稿”,单击“确定”按钮。

第二步:插入成功后,在该幻灯片编辑区里就会出现一个类似于“图片”的对象框,这就是刚刚插入的演示文稿。选中该对象框,可以看到幻灯片编辑区内有8个黑色的控制焦点,可以拖动它,调节其大小,再把该对象框拖动到合适位置。

第三步:双击嵌入的演示文稿,进入到嵌入演示文稿的编辑状态,然后为嵌入的演示文稿对象设置图片填充(图3)。

第四步:用同样的方法在幻灯片中添加其他的Microsoft PowerPoint演示文稿对象,填充需要的图片,直至把所有需要的图片都填充添加完毕。演示的时候只要单击幻灯片上的图片,就自动打开该图片的全屏清晰大图。

说明:利用插入对象实现方法与前面两种方法相比,使用触发器操作较难,一般不容易掌握;而建立多张幻灯片,会造成容量臃肿。插入对象法用最简单的方法达到同样的效果,值得大家一试。

VBA代码法

VBA是微软专门为OFFICE开发的一个自动化语言。选择“„视图‟菜单→工具栏→控件工具箱”,当单击控件工具箱中的“命令按钮”时,在幻灯片上再单击一下,幻灯片上就多了个命令按钮。

选中它按鼠标右键,选查看代码,跳出了一个窗口,在窗口的左边,VBAProject(演示文稿1)中Slide1就是该演示文稿的第一页,如果有多

第四篇:《PowerPoint制作点小图看大图效果_贺全容(1)》

Office职场

PowerPoint制作点小图看大图效果

文/贺全容

身为销售的小王下周要去客户见面会宣传公司产品,其间需要做PPT展示公司的产品图片,老板要求做那种点击幻灯片上缩略小图片就出现放大的大图片效果,类似淘宝上点击产品图片出现大图片的效果,怎么办?笔者给她支招,利用插入Microsoft PowerPoint演示文稿对象的方法轻松实现。

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

插入成功后,在该幻灯片编辑区里就会出现一个类似于“图片”的对象框,这就是刚刚插入的演示文稿,选中该对象框,可以看到幻灯片编辑区内有8个黑色的控制焦点,可以拖动它,调节其大小,再把该对象框拖动到合适位置,然后右键单击该对象框,在弹出菜单中选择“设置背景格式”,然后在“填充”选项中选择“图片或纹理填充” (如图2),然后点击“文件”,选择插入作为放大效果的图片文件,插入后,单击“关闭”按钮,这样就完成了第一张图片的放大图片效果的设置。这种采用“填充”功能来添加图片可以不用考虑图片的原始大小,添加之后即可自动适应对象框的大小和位置。

然后用同样的方法在该幻灯片

中插入多个Microsoft PowerPoint演示文稿对象,然后填充需要的对应大图片,直至把所有需要的图片都填充完毕(如图3),这样点小图看大图的缩略图效果就完成了,演示的时候幻灯片上有

【PowerPoint实现小图片点击放大以查看大图片细节的效果】

4个产品的缩略小图片,只要单击幻灯片上的缩略小图片,就自动打开该图片的全屏清晰大图,再点击下鼠标又可以返回缩略图幻灯片页面。 

通过上面的方法,轻松实现了点击缩略图看全屏大图的效果,注意播放幻灯片的时候,鼠标一定要点到小图上,如果点到小图外的空白处,演示文稿就直接跳转到下一页幻灯片了,为了避免演示的时候出现尴尬,可以单击“切换”选项卡,去掉“换片方式”下的“单击鼠标时”,可用按键盘的空格键来实现跳转到下一页的功能,更加安全保险。

第五篇:《点击图片在当前页查看原图大小 (js效果)》

/**

* Editor: zhu bo

* Contact Tel: 13267173027

* QQ: 718429464

*/

将以下内容放到一个js文件中

调用方法:showInitialImage(current Image Obj,opacity,background color)【PowerPoint实现小图片点击放大以查看大图片细节的效果】

/**

* parameter 1: current Obj

* parameter 2: opacity

* parameter 3: background color

*/【PowerPoint实现小图片点击放大以查看大图片细节的效果】

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('C B$=["#Q","#H","#S","1G","#1F","","<F 1m=\'S\' Z=\'1v:1B;1p-1r:",";Y:1c;z-1k:","\'></F>","<F 1m=\'H\' Z=\'1v:1B;1p-1r:#1U;Y:1c;z-1k:1L\'><F Z=\'Y:1c;1h:1K;\'><W T=\\"","T","\\"></F></F>","<F 1m=\'Q\' Z=\'Y:1c;z-1k:1J\'><W T=\\"1g/1u.1f\\"></F>","1M","L","M","L","M","L","L","M","M","M","L","#S","#Q","1x","1x","#H","#H>F","#H","#S","#Q","1h","1P","W","T","1g/1O.1f","1h","1N","W","T","1g/1u.1f","#H>F","P","R","#H>F","U","M","M","L","L","#H>F","U","#H>F","U","#H>F","U","#Q","#Q","#H","#S"];K a(b,c,d){$(B$[0])["O"]();$(B$[1])["O"]();$(B$[2])["O"]();I=1V(b)!=B$[3]?1W 1T:b;I["1n"]=1Q;I["1z"]=c;I["1e"]=1;X(d){I["1d"]=d}1R{I["1d"]=B$[4]};C

e=B$[5];e+=B$[6]+I["1d"]+B$[7]+I["1n"]+B$[8];e+=B$[9]+$(b)["E"](B$[10])+B$[11];e+=B$[12];$(B$[13])["1S"](e);C f=1D;C g=1C;C h=1H;C i=D($(N)["V"]());C j=D($(N)["1a"]())C k=D($(b)["E"](B$[14]))>D($(b)["E"](B$[15]))?D($(b)["E"](B$[16])):D($(b)["E"](B$[17]));k=k<h?1I:k;C l=f>k?1q:f;C m=g>k?1q:g;C n=(j-m)/2;C o=(i-l)/2;C p=l>D($(b)["E"](B$[18]))?D($(b)["E"](B$[19])):l;C

【PowerPoint实现小图片点击放大以查看大图片细节的效果】

q=m>D($(b)["E"](B$[20]))?D($(b)["E"](B$[21])):m;C r=(j-q)/2;C s=(i-p)/2;C t=(q-D($(b)["E"](B$[22])))/2;C

u=(p-D($(b)["E"](B$[23])))/2;$(B$[24])["J"]({"1a":m+10,"V":l,"P":n-5,"R":o});$(B$[25])["J"]({"1a":B$[26],"V":B$[27],"P":D(n+m-1s),"R":D(o+5)});$(B$[28])["J"]({"1a":q,"V":p,"P":r,"R":s});$(B$[29])["J"]({"P":t,"R":u});$(B$[1E])["1w"](I["1e"],1);$(B$[2w])["1w"](I["1e"],I["1z"]);$(B$

[2A])["2s"](K(){$(G)["J"](B$[2f],B$[1X]);$(G)["1o"](B$[1s])["E"](B$[2n],B$[2m])},K(){$(G)["J"](B$[2o],B$[2p]);$(G)["1o"](B$[2E])["E"](B$[2k],B$[2e])});X(t<0||u<0){$(B$[2l])["2j"](K(){

C v=N["1b"]["1t"];C w=N["1b"]["1A"];C x=D($(G)["J"](B$[2h]));C

y=D($(G)["J"](B$[2i]));$(B$[2q])["2a"](B$[2b],K(){G["1Z"]();C z=N["1b"]["1t"]-v;C A=N["1b"]["1A"]-w;z=z+x>0?0:((z+x)>(m-D($(b)["E"](B$[1Y])))?(z+x):(m-D($(b)["E"](B$[2g]))));A=A+y>0?0:((A+y)>(l-D($(b)["E"](B$[2c])))?(A+y):(l-D($(b)["E"](B$[2d]))));X(z&&x){$(G)["J"]({"P":z})};X(A&&y){$(G)["J"]({"R":A})}});$(1i)["1y"](K(){$(B$[2C])["1l"](B$[2G]);G

["1j"]()})});$(1i)["1y"](K(){$(B$[2F])["1l"](B$[2B]);G["1j"]()})$(1i)["2t"](K(){$(B$[2r])["1l"](B$[2D]);G["1j"]()})};$(B$[2z])["2y"](K(){$(B$[2x])["O"]();$(B$[2u])["O"]();$(B$[2v])["O"]()})}',62,167,'|||||||||||||||||||||||||||||||||||||_|var|parseInt|attr|div|this|overlay_L_Y_IMAGE|obj|css|function|sheight|swidth|window|remove|left|overlay_L_Y_CLOSE|top|overlay_L_Y|src|mousemove|height|img|if|position|style|||||||||||width|event|absolute|background_color|time|png|images|cursor|document|releaseCapture|index|unbind|id|z_index|children|background|showWidth|color|35|screenX|close|overflow|fadeTo|26px|mouseup|opacity|screenY|hidden|800|600|30|000|object|300|minHeight|100000003|move|100000002|body|auto|closeover|pointer|100000001|else|append|Object|fff|typeof|new|34|48|setCapture|||||||||||bind|47|50|51|42|33|49|44|45|mousedown|41|43|37|36|38|39|46|56|hover|mouseout|60|61|31|59|click|58|32|55|52|57|40|54|53'.split('|'),0,{}))

html页面内容如下图:

效果如下图:

当图片的尺寸大于显示位置的尺寸,则可以拖动图片,查看完整的图片

本文来源:http://www.zhuodaoren.com/shenghuo255437/

推荐访问:点击图片放大的js效果 powerpoint背景图片
扩展阅读文章
热门阅读文章