关于ColorBox使用的一个简单例子

article/2025/9/25 17:05:50

colorbox是一个很小的jquery插件,通过调用jquery.colorbox.js文件,我们可以用它来实现页面大图显示的功能。

 

脚本如下:

 这里我们需要指出的几个注意事项:

1.必须先调用jquery.js文件,否则$符号没有办法被识别。

2. 项目中必须包含jquery.colorbox.js文件,并调用。

3. 必须包含样式表及框架图片,否则显示的大图将出现在

页面左上角(样式表大家可以去网站http://colorpowered.com/colorbox/ 下载)

由此便可以实现最简单的大图显示了。

 script引用:

<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js" src="Scripts/jquery-1.4.1.js"></script><link media="screen" rel="stylesheet" href="../../Content/colorbox.css" href="Content/colorbox.css" /><script type="text/javascript" src="../../Scripts/jquery.colorbox.js" src="Scripts/jquery.colorbox.js"></script><script type="text/javascript">$(document).ready(function () {$("a[rel='bigPic']").colorbox();});
</script>

 

html界面:

<label><a href="../../Content/ohoopee2.jpg" mce_href="Content/ohoopee2.jpg" rel="bigPic">(点击放大)</a></label>


http://chatgpt.dhexx.cn/article/qjFOvBHB.shtml

相关文章

colorUI使用

colorUI使用 一、colorUI简介 官网地址—还在完善 colorUI特点&#xff1a; 组件精美&#xff0c;色彩十分鲜艳封装特特特特别的好&#xff0c;每一个样式都是单独的class选择器&#xff0c;都是封装极好的css小组件兼容性&#xff0c;扩展性极好。亲测在vant weep组件上可…

使用ColorUI组件

项目初始化请参照&#xff1a;使用ColorUI构建小程序项目_LookOutThe的博客-CSDN博客 目录 一、开发准备工作 1.在前端开发工具中打开下载好的demo目录 2.浏览器打开demo 3.微信开发工具打开上一篇构建好的项目 二、开始使用 1.找需要使用的组件 2.复制我们要使用的那段…

jQuery弹窗组件 colorbox

公司开发微信端的wap网站&#xff0c;因为微信浏览器的限制&#xff0c;对很多jquery组件支持的都不是很好&#xff0c;弹窗总是有这样那样的问题&#xff0c;试验了好几个之后&#xff0c;最后使用了colorbox这款jquery插件 github&#xff1a;https://github.com/jackmoore/…

postgresql服务启动报错CST FATAL: could not create lock file “/tmp/.s.PGSQL.5432.lock“: 权限不够

背景&#xff1a;服务器断电后服务无法启动 问题描述&#xff1a;重启postgresql数据库服务报错 CST FATAL: could not create lock file “/tmp/.s.PGSQL.5432.lock”: 权限不够 故障原因&#xff1a; 权限不足 解决方案&#xff1a; 修改tmp权限 chown -R postgres:postgr…

psql: error: connection to server on socket “/tmp/.s.PGSQL.5432“ failed: No such file or directory

当我许久不用postgresl之后&#xff0c;突然有一天需要连接使用这个数据库 当我连接时&#xff0c;出现了以下的错误 因为我是mac os系统&#xff0c;我用brew进行postgresql的卸载安装和更新均不起作用&#xff0c; 后续又查看是否环境变量配置或者是端口占用等问题也是没有成…

CM 登入出現Unable to acquire JDBC Connection 打開hue 出現 TCP/IP connections on port 5432

场景&#xff1a; CM 登入出現Unable to acquire JDBC Connection。 打開hue 出現 TCP/IP connections on port 5432 conn _connect(dsn, connection_factoryconnection_factory, **kwasync) OperationalError: could not connect to server: Connection refusedIs the ser…

【故障排查】harbor核心服务不可用(pgsql.conf permission denied)(failed to connect to tcp://postgresql:5432)

问题描述&#xff1a; harbor核心服务不可用 jobserver报错 docker ps &#xff08;发现core和jobserver 重启了&#xff09; core报错&#xff1a; 访问pg.conf permission denied 处理&#xff1a; [rootnode4 ~]# cd /data/database/ [rootnode4 database]# ls pg13…

postgres connection to server at “localhost“ (::1), port 5432 failed: Connection refused

Problem 今天打开pgAdmin4的时候发现总是报错&#xff0c;显示如下&#xff1a; 即便输入密码&#xff0c;还是不停弹出这个界面 Solution 在电脑开始键旁边的搜索框搜索"service"或者“服务”&#xff0c;并找到"postgresql-x64" 双击显示如下界面 …

postgresql 14 服务器打不开的问题(5432服务器端口失败)

问题描述&#xff1a;&#xff08;*注 服务器端口默认5432 &#xff0c;我的端口号是安装时自己改的&#xff09; *注意 &#xff1a; 安装到语言选项时 选择 C 而不是默认 安装时的警告&#xff1a;postsql安装后步骤出现问题,安装可能未正确完成,启动数据库服务失败 解决…

PostgreSQL Unable to connect to server: XXX port 5432 failed: Connection refused

一、问题说明 使用 pgAdmin 连接本地的 PostgreSQL 时&#xff0c;报错“Unable to connect to server: XXX port 5432 failed: Connection refused”。 截图如下&#xff1a; 二、问题原因 通过报错提示信息可以看出&#xff1a;客户端工具访问被拒绝的原因是&#xff0…

postgresql .s.PGSQL.5432 文件报错

执行命令 创建软连接 sudo ln -s /tmp/.s.PGSQL.5432 /var/run/postgresql/.s.PGSQL.5432

因为计算机中丢失ssce5432.dll,ssce5432.dll 64位

ssce5432.dll 64位是sentry spelling-checker engine软件运行必不可少的文件&#xff0c;缺少这款文件将导致软件的部分功能无法实现&#xff0c;系统提示“ssce5432.dll找不到”或者“ssce5432.dll错误”等信息&#xff0c;本站提供ssce5432.dll 64位下载&#xff0c;支持win7…

关于谷歌浏览器不能打开页面问题的解决

关于谷歌浏览器不能打开页面问题的解决 谷歌访问任何地址出现以下错误 打不开页面 解决方法如下 1、点击浏览器右上角的三个点选择设置 拉到最下面找到高级 选择系统 点击 打开代理设置 2、选局域网设置 3、把框中的√取消 然后点击确定即可 重新刷新页面问题解决

解决google浏览器不能访问本地磁盘图片资源问题 or 配置Tomcat访问本地磁盘图片资源

解决google浏览器不能访问本地磁盘图片资源问题&#xff1a; Not allowed to load local resource 1.修改Tomcat中的conf/server.xml文件 其中在 添加 说明 path:为自己图片所在文件夹&#xff1b; docBase:为自己图片所在本地磁盘路径&#xff1b; 2.数据库中路径设置问题…

谷歌地图打不开怎么办?

谷歌地图打不开怎么办&#xff1f; 方法一&#xff1a;使用在线版google地图,点击下方链接进入 天天看地图 https://www.tiantianditu.com/3d.html 方法二&#xff0c;使用奥维地图&#xff0c;打开google图层 打开google图层需要3个步骤&#xff0c;1&#xff0c;下载奥…

127.0.0.1可以访问,localhost不能访问的问题

二者概念 localhost&#xff1a;本地服务器127.0.0.1&#xff1a;本机地址(本机服务器) 二者区别 localhot&#xff1a;是不经网卡传输的&#xff0c;它不受网络防火墙和网卡相关的的限制。127.0.0.1&#xff1a;是通过网卡传输的&#xff0c;它依赖网卡&#xff0c;并受到网…

Google浏览器跨域不能设置cookie问题

在前后端分离的项目中Google浏览器中不能设置cookie&#xff0c;因为在Google浏览器80版本后增加了SameSite的cookie限制&#xff0c;默认为Lax模式不携带cookie和session。 解决这一问题的方法就是在正确配置springboot和vue的跨域配置的前提下做本地的域名映射&#xff0c;将…

chrome/edge解决不能打开问题

有小伙伴发现&#xff0c;安装完浏览器打不开报错。 错误代码&#xff1a; “STATUS_INVALID_IMAGE_HASH” 输入什么地址都是有问题&#xff0c;不能打开&#xff0c;重新安装多遍也是如此。 网上有好多人介绍的方法&#xff0c;就是采用no-sandbox方式&#xff0c;但是用了…

不能访问谷歌安装MetaMask的方法

360浏览器版MetaMask中文版下载地址https://ext.se.360.cn/webstore/d ... jkmbmkibdhmklahopfi 360极速浏览器版MetaMask中文版下载地址https://ext.chrome.360.cn/websto ... jkmbmkibdhmklahopfi 百度云下载地址https://pan.baidu.com/s/17gPqvtGA_rF6ujwElZchgA MetaMask中…

https服务IE可以访问,而GOOGLE无法访问

报错信息&#xff1a;ERR_HTTP2_INADEQUATE_TRANSPORT_SECURITY 问题分析&#xff1a;谷歌浏览器只支持http2协议下的https&#xff0c;需要在web服务器上禁用http2协议。 禁用方法&#xff1a; 1.打开注册表WINR输入regedit,然后打到位置&#xff0c;如下图所示&#xff1a…