精华内容
下载资源
问答
  • 列表加载数据可以实现,就是点击列表图片不能实现,求实现方法!
  • layui 列表图片展示 + 点击放大

    千次阅读 2019-09-10 16:55:02
    layui 列表图片展示 + 点击放大 1.表格的内容 <th lay-data="{width:160,align:'center', templet: '#imageTpl'}">机械图片</th> 2.templet 的js <script type="text/html" id="imageTpl"> <...

    layui 列表图片展示 + 点击放大

    1.表格的内容
    <th lay-data="{width:160,align:'center', templet: '#imageTpl'}">机械图片</th>
    
    2.templet 的js
    <script type="text/html" id="imageTpl">
    <div onclick="show_img(this)" ><img onerror="this.src='${webContext}/resource/images/wajueji.jpg'" src="{{ d.machinePicStr }}" alt="" width="72" height="50"></a></div>
    </script>
    
    3.点击放大的代码
    function show_img(t) {
              var t = $(t).find("img");
               //页面层
               layer.open({
                   type: 1,
                   skin: 'none', //加上边框
                   area: ['45%', '65%'], //宽高
                   shadeClose: true, //开启遮罩关闭
                   end: function (index, layero) {
                       return false;
                   },
                   content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
               });
         }
    
    展开全文
  • fastadmin 后台列表图片不放大解决方法 {field: 'pimg', title: __('Pimg'), formatter: Table.api.formatter.image, events: Table.api.events.img},

    fastadmin 后台列表图片不放大解决方法
    找到后台对应页面的js,目录和模板目录相对应,在图片对应标签修改参数image,后面的替换成如下就可以解决

    {field: 'pimg', title: __('Pimg'), formatter: Table.api.formatter.image, events: Table.api.events.img},
    
    展开全文
  • laravel-admin 图片列表图片放大

    千次阅读 2019-08-09 13:37:08
    composer require laravel-admin-ext/grid-lightbox php artisan vendor:publish --tag=laravel-admin-grid-lightbox 配置 打开config/admin.php,将属于此扩展的配置... ...'extensions' => [ 'grid-lightbox...

    composer require laravel-admin-ext/grid-lightbox

    php artisan vendor:publish --tag=laravel-admin-grid-lightbox

     

    配置

    打开config/admin.php,将属于此扩展的配置添加到extensions部分。

    'extensions' => [ 'grid-lightbox' => [ // Set to `false` if you want to disable this extension 'enable' => true, ] ]

     

     

    $grid->pic('海报图')->lightbox(['width' => 50, 'height' => 50]);

    展开全文
  • 需求:在内容列表中点击图片列表显示大图并且可以双击放大缩小下文主要介绍思路,不一定是最好的,时间来不及能先实现效果就OK列表 可选的有 ListView 和 RecyclerView,这里主要就是列表数据的填充和展示使用 ...

    首发地址:dongxi520.com

    需求:在内容列表中点击图片列表显示大图并且可以双击放大缩小下文主要介绍思路,不一定是最好的,时间来不及能先实现效果就OK

    列表

    可选的有 ListView 和 RecyclerView,这里主要就是列表数据的填充和展示

    • 使用 ListView 在 getView() 中获取数据并设置数据,然后通过 ListView 的 setOnClickListener 去完成点击事件
    • 使用 RecyclerView 在 ViewHolder 中获取控件,在 onBindView 中去设置数据,在 recyclerView 的 adapter 中添加点击事件的接口完成点击事件

    图片列表

    可选的有 GitHub 开源库,自己撸

    • 自己撸,思路:一张图片+九张图片(三张一排)的布局;通过判断返回的图片list去填充,如果返回1,则显示一张图片,九张图片的就隐藏;返回0则全部不显示。返回大于1,则通过双层for循环去给九张图中的每一个imageview去设置图片(里面是一个算法)。
    • 开源库 Github 搜索九宫格就有,按照start 最多排序去选择

    大图

    可选的有 GitHub 开源库,自己撸

    • 开源库:Github 搜索点击查看大图
    • 自己撸:启动新的activity去展示,用Dialog去全屏显示。用activity展示,可以将图片的list以及点击的position传递给activity,list主要是想在activity用Viewpager去滑动展示图片,position是为了viewpager展示的时候是当前点击的图片位置。

    双击放大缩小

    可选的有 GitHub 开源库,自己撸

    • 自己撸:….脑子不够用了,还是用开源库吧
    • PhotoView:项目有点久,因为现在项目中有这个库,所以先用这个库来实现,具体用法去Github搜索。
    • //将图片装载到数组中
      mImageViews = new PhotoView[mImagesList.size()];

         // 将传递过来的list列表给PhotoView去展示
         for(int i=0; i< mImagesList.size(); i++){
             PhotoView view = new PhotoView(XXXActivity.this);
             view.isEnabled() ;   // 支持缩放
             view.setScaleType(ImageView.ScaleType.FIT_CENTER);   // 图片裁剪的类别
             mImageViews[i] = view;
             Glide.with(this).load(mImagesList.get(i)).into(view);
         }
      
    展开全文
  • html标签ul li 的列表图片

    千次阅读 2011-11-05 10:28:23
    1.ul 无序列表有个list-style-image属性可以实现列表前有图片,我试了试在ul 或者li标签中加都可以。但是ie有问题,它不显示。 2.背景图片。在li标记里加入background: url(../images/ico11.bmp) no-repeat left;...
  • Bootstrap 带图片的媒体列表 文章列表

    千次阅读 2018-11-14 11:07:04
    html Bootstrap 带图片的媒体列表 文章列表: http://wobiji.net/article/detail/204
  • 所有文章,首发于CSDN-柠檬加冰博客原文链接地址效果展示图片列表点击图片,展示大图左右滑动,切换图片实现功能图片列表应用技术 ionic row & col css ionic list card ng-src动态设置图片路径 代码html代码 ...
  • <div class="images-basic"> <div> <img src="./eleanor.jpg" alt="Eleanor from The Good Place"> </div>...img src="./chidi.jpg" alt="Chidi from The Good Place">...
  • HTML + JS 列表显示图片

    2018-05-10 11:19:41
    从后台读取出来的图片图片信息,现在想在页面以列表形式展现出来,上面显示图片下面显示一些图片信息,一列显示五张。就像图片中那样![图片说明]...
  • Android 实现WebView点击图片查看大图列表图片保存

    千次阅读 热门讨论 2017-02-13 17:32:45
    在日常开发过程中,有时候会遇到需要在app中嵌入网页,此时使用WebView实现效果,但在默认情况下是无法点击图片查看大图的,更无法保存图片。本问将就这一系列问题的实现进行说明。 项目的知识点: 1.加载网页后...
  • uniapp预览图片,预览图片列表并保存到手机 uniapp给我们提供很多现成的接口,这篇讲解一下图片预览接口 - uni.previewImage(OBJECT) 文章目录uniapp预览图片,预览图片列表并保存到手机OBJECT 参数说明...
  • 图片列表页面的加载优化

    万次阅读 2020-05-18 11:10:21
    源于文件拍照的列表页预览图,由于图片过大,后端设计时又没有考虑到略缩图的设计,原图片加载时会有加载到一半图片截断的显示效果,为避免这种显示问题,决定使用默认图片填充和js隐式加载图片的方式。 方案 1.为每...
  • template部分: <el-row class="searchForm"> <el-col :xs="24" :sm="24" :md="24" :lg="24"> <el-form-item label="正文图片"> <el-upload action...
  • WPF ListBox绑定图片列表

    千次阅读 2018-09-30 17:38:57
    1.图片列表定义 图片列表使用BindingList而不使用List,因List未实现绑定相关联操作,在用户改变列表时无法更改ListBox中的内容。 工程添加System.ComponentModel;引用来引入BindingList。 2.XAML绑定代码 &lt;...
  • 图片列表左右滚动轮播代码

    热门讨论 2012-07-05 17:55:07
    图片列表左右滚动轮播代码
  • 【WPF学习手记】显示图片列表

    千次阅读 2018-07-29 12:20:41
    目的:制作一个图片列表,单击图片触发对应事件。 效果图 xaml代码 <Window x:Class="WPF_ImageList.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x=...
  • ![图片说明](https://img-ask.csdn.net/upload/201505/28/1432806908_838919.png) 怎么把”查看详情“字改成图片
  • //Spinner下拉列表(可以自定义列表项的样式,可带有图片和文字得搭配使用) public class MainActivity extends Activity { private Spinner sp = null;// 下拉列表 private TextView tv = null; private ...
  • python生成文件图片列表

    千次阅读 2017-10-02 19:21:29
    生成文件图片列表 import os my_files = os.listdir("jpg"); print(my_files) listFiles = [] for files in my_files: if "jpg" in files: #print(files) listFiles.append(files[:-4]) listFiles.so
  • bootstrap 布局图片列表

    千次阅读 2017-12-07 14:32:41
      pageEncoding="UTF-8"%> http://java.sun.com/jsp/jstl/core"%>  String path = request.getContextPath();... String basePath = request.getScheme() + "://" ... + request.getServerName() + ":" +
  • Qt QListWidget实现图片缩略图列表

    万次阅读 2017-05-11 10:28:05
    将本机中的多张图片以缩略图的形式显示在列表中 环境: 我们已经做好了菜单栏和动作。参考:http://blog.csdn.net/v_xchen_v/article/details/71524160 实现: mymenu.h #ifndef MYMENU_H #define MYMENU_H #...
  • 通用的几种方式 viewHolder复用机制 图片异步加载、缓存、压缩(使用glide等解决,最好...主要是监听列表滚动,把状态传入adapter中,然后设置图片bean的是否加载过状态,然后根据图片状态和滑动状态确定是否...
  • discuz 文章列表页调用远程图片

    千次阅读 2017-07-20 13:31:58
    上传的原图是存在表pre_portal_attachment(门户文章附件表)里的attachment字段,远程图片和文字一样是存在pre_portal_article_content(门户文章内容表)里content字段,直接调用content字段会把文字也调用出来,...
  • 该资源主要是讲述使用VS2012 MFC的CListCtrl(列表)控件加载类似于QQ界面的图片与文字数据.主要通过CListCtrl::InsertColumn、InsertItem、SetItemText向列表插入数据,CImageList插入BMP图片或ICON图标.是博客文章...
  • CListCtrl中列表显示任意图片

    热门讨论 2012-03-06 13:52:33
    使用CListCtrl+CImageList显示任意图片 文章链接 http://blog.csdn.net/guoming0000/article/details/7303361
  • CSS 图片列表,横向

    千次阅读 2014-03-02 16:26:12
    CSS 图片列表,横向    * {  margin:0;  padding:0;  font-size:12px;  text-decoration:none;  }  #products {  width:560px;  margin:50px auto;  }  #...
  • 模仿微博信息列表动态循环展示gif动图. 支持图片弹出和隐藏动画。-- Support the show and hide animation effects支持图片无限循环展示。-- Support infinite scroll to show photos.支持双击...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 633,343
精华内容 253,337
关键字:

列表图片