#图片

基于jQuery点击圆形边框弹出图片信息

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

手机触屏滑动图片切换插件swiper.js

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

基于jQuery左右滑动切换图片代码

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

vue table组件显示一个图片

  列表展示图片效果,直接把url的属性赋值给:src就可以了。 <el-table-columnprop="banner_image"label="轮播图"><templateslot-scope="scope"><img:src="scope.row.ba...

小程序--保存图片到相册功能实现

  项目中有个保存二维码到相册的功能,所以涉及到用户是否授权相册权限的问题。废话不多说,直接上干货...   功能逻辑:   先检查用户请求过的权限中是否允许"保存到相册"权限,如果没有请求过这个权限,应该向用户发起授权请求(弹窗授权),如果请求过这个权限并且授权了,那就保存图片,显示保存成功;如果请求过且拒...

页面图片间隙

三种解决方法: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...

css,图片和文字在父元素垂直居中,且图片和文字在中线对齐排列的几种方式

一,用flex的副轴来垂直居中对齐1.副轴(由上到下)设置居中对齐(align-items:center;)即可1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>Docume...

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...

解决百度 ueditor v1.4.3 编辑器上传图片失真的bug?

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

JS自动缩放页面图片

/***缩略图**@paramboolisScaling是否缩放*@paramintwidth宽度*@paramintheight高度*@paramstringloadindPic表示“正在加载中”的图片地址*/jQuery.fn.LoadImage=function(isScaling,width,height,lo...

加载默认图片,如何避免img标签陷入onerror事件死循环

当图片加载失败的时候,我们可以利用onerror事件赋予它默认图片,但是问题来了,假如默认图片又不存在呢,即加载失败,这个时候就会陷入死循环。为了避免死循环的情况,我们可以在执行完onerror事件后,置于onerror=null来清除onerror事件,参考代码如下:<imgsrc="http://127.0....

PHP下载/采集远程图片到本地

/***下载远程图片到本地**@paramstring$url远程文件地址*@paramstring$filenNme保存后的文件名(为空时则为随机生成的文件名,否则为原文件名)*@paramarray$fileType允许的文件类型*@paramstring$dirName文件保存的路径(路径其余部分根据时间系统自动...
首页上一页...2021222324...下一页尾页