针对网页html中插入动图gif不能循环播放只播放一次的解决方案

针对网页html中插入动图gif不能循环播放只播放一次的解决方案

    • 原因分析
    • 解决方案

原因分析

使用图片编辑软件制作的过程中未启用“循环播放”功能,这里以Photoshop为例,演示设置GIF图片循环播放的操作流程:所需材料:PS。第一步,打开PS软件,把已经制作好的GIF图片给拖入PS软件内打开。

有两种情况,一种是设置gif图片为无限循环播放,另外一种就是输入相关的数值来控制播放的次数,。在下图所示的位置输入相关的数值,这个数字就是gif图片播放的次数,然后点击确定按钮。

你制作的时候,在下方有一个设置,可以设置成播放一单,或三次,或无限循环等,设置一下就好了。

原因是你做的gif,其实是只动一次的,动完了,没有重头开始循环。然而,有许多开图软件,包括windowsXP自带的,会自动循环播放。于是你在自己电脑上双击图片,看到是不断的动画,而用浏览器看,就是动一次的。

这样导入的就是帧动画,而不是视频组。在时间轴上面和导出web格式的时候,都选择播放一次。这样导出后,把gif放到浏览器里看,就可以了。不要用看图软件看,你就算导出1次,看图软件也会给你自动无限循环。

解决方案

将gif重复次数设置为1次:打开photoshop,并加载(打开)gif图片,直接按快捷键:Ctrl+Shift+Alt+S,在弹出窗口中,选择GIF,循环次数选择一次即可。再插入PPT,就只会循环一次了。

在这里插入图片描述就能看到图片已经循环播放了
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/225565.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MongoDB——模糊查询的两种方法

方法一:类似于结构性数据库的like db.users.find({fname: /zhangsan/}); 对应mysql的like用法:select * from users where fname like %zhangsan%; (1)如果要模糊查询以什么开头,方法如下: db.users.fi…

图灵日记之Leetcode删除有序数组中的重复项合并两个有序数组移除链表元素

题目 删除有序数组中的重复项题目入口题目内容思路代码c版本c嘎嘎版本 合并两个有序数组题目链接题目内容思路代码c版本(c嘎嘎版本与c版本内容一样) 移除链表元素题目链接题目内容思路1代码1思路2代码2思路3代码3 删除有序数组中的重复项 题目入口 题目内容 给你一个 非严格…

抖音ip地址切换什么原因

在如今的互联网世界中,抖音已经成为了一个非常受欢迎的应用程序,让人们可以通过短视频来分享生活点滴。然而,有时候我们可能会遇到一些问题,比如在使用抖音时需要进行IP地址切换。那么,为什么要切换IP地址呢&#xff1…

拼多多买家页面批量导出订单excel

拼多多买家页面批量导出订单excel 由于拼多多不支持订单导出excel清算起来很麻烦,就自己写了一个页面批量导出脚本代码。 首先打开拼多多手机端网站:https://mobile.pinduoduo.com/ 登录后点击我的订单打开f12审查元素 在控制台引入jquery,引…

IIC需要外部上拉电阻

由于I2C接口采用Open Drain机制,器件本身只能输出低电平,无法主动输出高电平,只能通过外部上拉电阻RP将信号线拉至高电平。 因此I2C总线上的上拉电阻是必须的! 所以开发板上面的IIC如果没有外接上拉电阻,是无法使用该I…

【go语言开发】本地缓存的使用,从简单到复杂写一个本地缓存,并对比常用的开源库

本文主要介绍go语言中本地缓存的使用,首先由简单到复杂手写3个本地缓存示例,使用内置的sync,map等数据结构封装cache,然后介绍常见的一些开源库,以及对比常用的开源库 文章目录 前言手写本地缓存CacheNormalCacheExCac…

halcon3

*外焊缝检测 *读取图片 *遍历文件夹 list_files (D:/D程序/外焊缝方案/碳钢方 - 外/30000, files, Files) *文件格式筛选 tuple_regexp_select (Files, .*, ImageFiles) *依次读取图片 for I := 1 to |ImageFiles|-1 by 1 read_image (Image, ImageFiles[I]) dev_close_windo…

基于单片机的太阳能数据采集系统(论文+源码)

1. 系统设计 在本次太阳能数据采集系统的设计中,以AT89C52单片机为主要核心,主要是由LCD液晶显示模块、存储模块、温度检测模块、串口通信模块,光照检测模块等组成,其实现了对太阳能板的温度,光照强度的检测和记录&…

SQL 的 AND、OR 和 NOT 运算符:条件筛选的高级用法

AND 运算符 SQL的AND运算符用于根据多个条件筛选记录,确保所有条件都为TRUE才返回记录。下面是AND运算符的基本语法: SELECT column1, column2, ... FROM table_name WHERE condition1 AND condition2 AND condition3 ...; • column1, column2,等是您…

SpringBoot2—开发实用篇3

目录 整合第三方技术 缓存 SpringBoot内置缓存解决方案 SpringBoot整合Ehcache缓存 SpringBoot整合Redis缓存 SpringBoot整合Memcached缓存 SpringBoot整合jetcache缓存 SpringBoot整合j2cache缓存 任务 Quartz Task 邮件 消息 Java处理消息的标准规范 购物订单…

git 常见错误总结(会不断更新中。。)

常见错误 1. 配置部署key后git clone还是拉不下代码 执行以下命令 先添加 SSH 密钥到 SSH 代理: 如果你使用 SSH 代理(例如 ssh-agent),将生成的私钥添加到代理中。 ssh-add ~/.ssh/gstplatrontend/id_rsa如果报错以下错误信息…

详谈前端中常用的加/密算法

本文主要详细介绍了在前端开发中常用的加/解密算法,以及前端如何实现。 总的来说:前端加密无论使用哪个加密都一样是有可能性被他人获取到相关的公钥或密钥的(比如:拦截请求、查看源代码等),然后进行加密与…

pytorch--基于语音的性别识别

pytorch官网 基于梅尔频谱的语音性别分类模型,训练了20epoch,准确率97% 提升点有很多:还可以基于声纹特征作为训练集、数据预处理的逻辑、transform的逻辑(修改transform会导致数据的张量维度变更,可能需要更改模型结…

风速预测(五)基于Pytorch的EMD-CNN-LSTM模型

目录 前言 1 风速数据EMD分解与可视化 1.1 导入数据 1.2 EMD分解 2 数据集制作与预处理 2.1 先划分数据集,按照8:2划分训练集和测试集 2.2 设置滑动窗口大小为96,制作数据集 3 基于Pytorch的EMD-CNN-LSTM模型预测 3.1 数据加载&…

中医处方软件西医电子处方系统,一键生成处方单可设置配方模板教程

一、前言 有的诊所是中医和西医都有,医师是全科医师,那么所使用的软件既要能开中药处方也要能开西药处方,而且可以通过一键生成配方,则可以节省很多时间。 下面就以 佳易王诊所卫生室电子处方为例说明 如上图,如果是…

151.翻转字符串里的单词

题目描述 给定一个字符串,逐个翻转字符串中的每个单词。 示例 1: 输入: "the sky is blue" 输出: "blue is sky the"示例 2: 输入: " hello world! " 输出: "world! hello" 解释: 输入字符串可以在前面或者后面包含多…

【C++】POCO学习总结(十七):日志系统(级别、通道、格式化、记录流)

【C】郭老二博文之:C目录 1、Poco::Message 日志消息 1.1 说明 所有日志消息都在Poco::Message对象中存储和传输。 头文件:#include “Poco/Message.h” 一条消息包含如下内容:优先级、来源、一个文本、一个时间戳、进程和线程标识符、可选…

Kafka中的fetch-min-size、fetch-max-wait和request.timeout.ms配置

当前kafka的版本为2.8.11&#xff0c;Spring Boot的版本为2.7.6&#xff0c;在pom.xml中引入下述依赖&#xff1a; <dependency><groupId>org.springframework.kafka</groupId><artifactId>spring-kafka</artifactId><version>2.8.11<…

非暴力沟通-情绪篇

我相信&#xff0c;如果我们能够问自己两个问题&#xff0c;我们将会看到&#xff0c;惩罚永远不会以建设性的方式让我们的需要真正得到满足。 第一个问题&#xff1a; 你想要对方去做哪些和现在不一样的事情呢&#xff1f; 如果我们之问这一个问题&#xff0c;可能有时候看上…

vue3组件的基本结构

<template><div class"login_wrap"><div class"form_wrap"> <!-- 账号输入--> <el-form ref"formRef" :model"user" class"demo-dynamic" > <!--prop要跟属性名称对应-->…