ThickBox学习之一 ThickBox介绍以及单图片显示示例

ThickBox是一个基于JQuery类库的扩展，它能在浏览器界面上显示非常棒的UI框，它可以显示单图片，多图片，ajax请求内容或链接内容。官方网站的废话很多，但我在这里只是略带过，如果要想实现效果，那你需要下载JQuery 的js文件，以及ThickBox的js文件和ThickBox的CSS文件，好，准备工作开始了，我们就来玩一玩这个。

第一步：新建工程，并把刚才下载好的2个js文件和CSS文件放入到工程里，并在页面引用。
第二步：引用完后把这个图片添加到你的工程，然后打开ThickBox js文件，搜索 loadingAnimation.gif，这个就是图片的存储地址，你把它改为自己的相应目录地址就可以。

第三步：在html页面上添加一个链接，<a href="images/single.jpg" title="add a caption to title attribute / or leave blank" class="thickbox"><img src="data:images/single_t.jpg" alt="Single Image"/></a>
记住，在链接的class里面引用的是thickbox，然后你就可以试一下效果了。非常棒哦！如果实现这样的效果没有这两个ｊｓ类库辅助，那你需要敲很多代码，并且使用ｊｓ要非常溜才行，这样的类库，最适合我不过啦～
在官网还有几个示例，今天没时间一次性写出来，我会接下来写，希望这些对新人们有用。

平安夜了，也祝朋友们圣诞快乐～

转载于:https://www.cnblogs.com/FrameWork/archive/2006/12/24/602478.html

ThickBox学习之一 ThickBox介绍以及单图片显示示例相关推荐

camvid数据集介绍_深度学习图像数据集介绍（MSCOCO）
深度学习图像数据集介绍(MSCOCO) MSCOCO数据集是微软开发维护的大型图像数据集,次数聚集的任务包括识别(recognition),分割(segementation),及检测(detectio ...
《从0到1学习Flink》—— 介绍Flink中的Stream Windows
前言目前有许多数据分析的场景从批处理到流处理的演变, 虽然可以将批处理作为流处理的特殊情况来处理,但是分析无穷集的流数据通常需要思维方式的转变并且具有其自己的术语(例如,"windowin ...
[深度学习] 分布式Horovod介绍（四）
[深度学习] 分布式模式介绍(一) [深度学习] 分布式Tensorflow介绍(二) [深度学习] 分布式Pytorch 1.0介绍(三) [深度学习] 分布式Horovod介绍(四) 实际应用中, ...
[深度学习] 分布式Pytorch介绍（三）
[深度学习] 分布式模式介绍(一) [深度学习] 分布式Tensorflow介绍(二) [深度学习] 分布式Pytorch介绍(三) [深度学习] 分布式Horovod介绍(四) 一 Pytorc ...
[深度学习] 分布式模式介绍（一）
[深度学习] 分布式模式介绍(一) [深度学习] 分布式Tensorflow介绍(二) [深度学习] 分布式Pytorch 1.0介绍(三) [深度学习] 分布式Horovod介绍(四) 一分布式 ...
Hadoop学习之整体介绍及环境搭建
Hadoop学习之整体介绍及环境搭建 1 大数据概述 1.1 什么是大数据数据(data)是事实或观察的结果,是对客观事物的逻辑归纳,是用于表示客观事物的未经加工的的原始素材. 大数据:传统处理方 ...
深度学习主流框架介绍(PyTorch、TensorFlow、Keras、Caffe、Theano、MXNET)
深度学习主流框架介绍(PyTorch.TensorFlow.Keras.Caffe.Theano.MXNET) 1.Theano Theano是最早的深度学习框架之一,由 Yoshua Bengio ...
Clojure学习笔记(一)——介绍、安装和语法
Clojure学习笔记(一)--介绍.安装和语法什么是Clojure Clojure是一种动态的.强类型的.寄居在JVM上的语言. Clojure的特性: 函数式编程基础,包括一套性能可以和典型可变 ...
吴恩达《深度学习》课程介绍
吴恩达<深度学习>(Andrew Ng <Deep Learning>)专业课程主要有五门课组成: 1.神经网络和深度学习(Neural Networks and Deep L ...

ThickBox学习之一 ThickBox介绍以及单图片显示示例

ThickBox学习之一 ThickBox介绍以及单图片显示示例相关推荐

最新文章

热门文章