51Dev开发社区
登录 注册

#新图片

基于jQuery带进度条全屏图片轮播代码
基于jQuery带进度条全屏图片轮播代码。这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="pic"><ul><listyle="background:...
代码星球 ·2021-01-21

基于html5鼠标悬停图片动画展示效果
分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...
代码星球 ·2021-01-21

基于jQuery点击圆形边框弹出图片信息
分享一款基于jQuery点击圆形边框弹出图片信息。这是一款鼠标经过图片转换成圆形边框，点击可弹出文字信息。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="teamcont"><divstyle="width:780px;margin:30pxa...
代码星球 ·2021-01-21

手机触屏滑动图片切换插件swiper.js
今天给大家分享一款手机触屏滑动图片切换插件swiper.js是一款swiper手机触屏滑动图片幻灯片，适合各种尺寸。效果图如下：在线预览   源码下载实现的代码。html代码：<divstyle="max-width:640px;margin:0auto;"><divcl...
代码星球 ·2021-01-21

基于jQuery左右滑动切换图片代码
分享一款基于jQuery左右滑动切换图片代码。这是一款基于jQuery实现的左右滑动切换焦点图代码。效果图如下：在线预览   源码下载实现的代码：<divclass="v_outv_out_p"><divclass="prev"><ahref="javascr...
代码星球 ·2021-01-21

vue table组件显示一个图片
  列表展示图片效果,直接把url的属性赋值给：src就可以了。 <el-table-columnprop="banner_image"label="轮播图"><templateslot-scope="scope"><img:src="scope.row.ba...
代码星球 ·2021-01-20

小程序--保存图片到相册功能实现
　　项目中有个保存二维码到相册的功能，所以涉及到用户是否授权相册权限的问题。废话不多说，直接上干货... 　　功能逻辑：　　　先检查用户请求过的权限中是否允许"保存到相册"权限，如果没有请求过这个权限，应该向用户发起授权请求（弹窗授权），如果请求过这个权限并且授权了，那就保存图片，显示保存成功；如果请求过且拒...
代码星球 ·2021-01-19

页面图片间隙
三种解决方法：1.设置body{font-size:0;},body下用大div包起来所有内容，给设置一个你想要的font-size值，搞定。2.一般习惯一个标签占一行，但浏览器把标签中间的空隙当成了空格。解决办法把img写到一行，不要有空格。<divclass="box"><imgsrc="imag...
代码星球 ·2021-01-19

微信小程序--分享界面自定义图片
一般小程序页面都会大于等于1页，每个页面右上角都会有分享功能，建议把以下方法封装到app.js文件，在页面直接调用该方法，避免重复代码，提高性能。(代码用到ES6语法，若不支持，请自行还原js)1//右上角分享功能2onShareAppMessage(){3return{4title:'自定义标题',5path:'/p...
代码星球 ·2021-01-19

css，图片和文字在父元素垂直居中，且图片和文字在中线对齐排列的几种方式
一，用flex的副轴来垂直居中对齐1.副轴（由上到下）设置居中对齐（align-items:center;）即可1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>Docume...
代码星球 ·2021-01-17

css 背景图片
1.background-image设置背景图片-可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色-如果背景的图片小于元素，则背景图片会自动在元素中平铺将元素铺满-如果背景的图片大于元素，将会一个部分背景无法完全显示-如果背景图片和元素一样大，则会直接正常显示 2.background-rep...
代码星球 ·2021-01-17

加载失败图片加样式
一、原有样式<img>"暂无图片"src="1.jpg"> 二、修改样式img:after{content:"""{>~<}"attr(alt);font-size:16px;font-family:'STKaiti';color:rgb(100,100,100);display:fl...
代码星球 ·2021-01-16

微信图片生成插件，页面截图插件 html2canvas，截图失真 问题的解决方案
html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。官网：https://github.com/niklasv...
代码星球 ·2021-01-16

解决百度 ueditor v1.4.3 编辑器上传图片失真的bug？
项目中，用到百度ueditor编辑器，发现，上传大一点的图片，图片会失真，刚开始还以为是PHP端做了图片压缩，仔细看配置说明，发现是编辑器自带有个自动压缩图片的功能，可恶的是，压缩后的图片失真了！决定去掉这个压缩功能，如果非得要压缩，那就交给服务端PHP来处理吧！找到配置文件：ueditor/php/config.js...
代码星球 ·2021-01-16

JS自动缩放页面图片
/***缩略图**@paramboolisScaling是否缩放*@paramintwidth宽度*@paramintheight高度*@paramstringloadindPic表示“正在加载中”的图片地址*/jQuery.fn.LoadImage=function(isScaling,width,height,lo...
代码星球 ·2021-01-16
首页上一页...2021222324...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他