07-04
07
关于向导的相册首页调用修改样式
作者:Java伴侣 日期:2007-04-07
复制内容到剪贴板 程序代码
<div style="text-align:center;margin-left:-5px;font: 11px Arial;BACKGROUND-COLOR: #F5F7F7;width:180px;"> /*做一个容放调用出的图片的范围布局,定义了背景色,宽度*/
<$Newphoto$>
<script type="text/javascript" src="plugins/album/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'plugins/album/highslide/graphics/';
hs.outlineType = 'rounded-white';
window.onload = function() {
hs.preloadImages(5);ReImgSize();
}
</script>
<style type="text/css">
img {max-width: none;height: none; margin:5px;}} /*做图片直接的间距*/
.highslide {
cursor: url(plugins/album/highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 1px solid ; /*图片外围线设置*/
}
.highslide:hover img {
border: 0px solid ;
}
.highslide::visited img {
border: 1px solid ; /*鼠标放上去的变化*/
}
.highslide-image {
border: 5px solid ;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 12px solid;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
}
.highslide-loading {
display: block;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
/*
padding-left: 22px;
background-image: url(plugins/album/highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
a.highslide-credits,
a.highslide-credits i {
padding: 12px;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>
</div>
</div>
====================
保留原来未加工过的样式:
复制内容到剪贴板 程序代码
<$Newphoto$>
<script type="text/javascript" src="plugins/album/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'plugins/album/highslide/graphics/';
hs.outlineType = 'rounded-white';
window.onload = function() {
hs.preloadImages(5);ReImgSize();
}
</script>
<style type="text/css">
img {max-width: none;height: none;}
.highslide {
cursor: url(plugins/album/highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 0px solid gray;
}
.highslide:hover img {
border: 0px solid white;
}
.highslide-image {
border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: block;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
/*
padding-left: 22px;
background-image: url(plugins/album/highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>
另外,当向导相册首页调用图片数量不变的bug,情况缓存即可。
评论: 0 | 引用: 0 | 查看次数: 1003
发表评论