Sunflowa Media
a Green,Reliable,Funny Web Design.
一款免费的画廊框架
这两天研究了几个highlightbox技术的案列，自己尝试做了个highlightbox的画廊网页框架，这款效果除了highlightbox效果外还可以还原图片的尺寸,现在这个技术已经在各个领域被应用了，有些效果很炫，但会影响某些浏览器正常的运作，我个人比较喜欢最简单的那种效果。如果有同学喜欢的话可以留我Mail，今后我会提供各种免费的网页架构给大家分享。
Step1. 创建HTML
<a href="thumb_bg1.jpg" rel="prettyPhoto">
<img src="s01_thumb.jpg" width="445" height="190" alt="">
</a>Step2. 创建CSS
.highlight pre {
background-color: #f0f0f0;
border: 1px solid #c2c2c2;
padding: 10px;
font-size: 14px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
}
.highlight .k,
.highlight .kn {
font-weight: bold;
}
.highlight .nc,
.highlight .nf {
color: #af5600;
color: #db6500;
}Step3. 插入jQuery和脚本包
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
overlay_gallery: false,
deeplinking: false
});
});<script type="text/javascript" src="js/jquery-1.js"></script>
<script type="text/javascript" src="js/jquery_002.js"></script>
#1
这么说我又是第一个了？？？
等LZ的好东西~
给我个你的邮箱，谢谢～
额，我以为你会看见，因为在我的信息里有的。。
mcse_whq@hotmail.com
OK,记住了~
#2
LZ不知道玩过这个网站没有，给你推荐一下·
http://thepixelator.com/
这东西真不错，做个自己的头像很好～
#3
mark~
#4
感谢分享~~
不客气，常来光顾～
很欣赏这个效果，如果提供下载就好啦！
留给我可用的Email,我发给你。
#5
zhengzanhuan@hotmail.com
邮件地址
欣赏一下作品！！
OK,谢谢支持～
#6
我需要一份。谢谢！yikeseo@163.com
好的，没问题，昨天工作太忙，今天发给你