// -----------------------------------------------------------------------------------
//
// Litebox v1.0
// A combined effort between detrate and gannon
// 07/03/06
//
// Source edited from Lightbox v2.02
// by Lokesh Dhakar - http://www.huddletogether.com
//
// For more information on this script, visit:
// http://doknowevil.net/litebox
//
// Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
//
// Credit also due to those who have helped, inspired, and made their code available to the public.
// Including: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.org), Thomas Fuchs(mir.aculo.us), and others.
//
// -----------------------------------------------------------------------------------
//
// Configuration
//
var fileLoadingImage = "images/loading.gif";
var fileBottomNavCloseImage = "images/closelabel.gif";
var resizeSpeed = 6; // controls the speed of the image resizing (1=slowest and 10=fastest)
var borderSize = 10; //if you adjust the padding in the CSS, you will need to update this variable
// -----------------------------------------------------------------------------------
//
// Global Variables
//
var imageArray = new Array;
var activeImage;
if(resizeSpeed > 10){ resizeSpeed = 10;}
if(resizeSpeed < 1){ resizeSpeed = 1;}
resizeDuration = (11 - resizeSpeed) * 100;
// -----------------------------------------------------------------------------------
//
// Additional methods for Element added by SU, Couloir
// - further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
hide: function() {
for (var i = 0; i < arguments.length; i++) {
var element = $(arguments[i]);
element.style.display = 'none';
}
},
show: function() {
for (var i = 0; i < arguments.length; i++) {
var element = $(arguments[i]);
element.style.display = '';
}
},
getWidth: function(element) {
element = $(element);
return element.offsetWidth;
},
setWidth: function(element,w) {
element = $(element);
element.style.width = w +"px";
},
getHeight: function(element) {
element = $(element);
return element.offsetHeight;
},
setHeight: function(element,h) {
element = $(element);
element.style.height = h +"px";
},
setTop: function(element,t) {
element = $(element);
element.style.top = t +"px";
},
setSrc: function(element,src) {
element = $(element);
element.src = src;
},
setInnerHTML: function(element,content) {
element = $(element);
element.innerHTML = content;
}
});
// -----------------------------------------------------------------------------------
//
// Extending built-in Array object
//
Array.prototype.removeDuplicates = function () {
for(i = 1; i < this.length; i++){
if(this[i][0] == this[i-1][0]){
this.splice(i,1);
}
}
}
Array.prototype.empty = function () {
for(i = 0; i <= this.length; i++){
this.shift();
}
}
// -----------------------------------------------------------------------------------
//
// Structuring of code inspired by Scott Upton (http://www.uptonic.com/)
//
var Lightbox = Class.create();
Lightbox.prototype = {
// initialize()
// Constructor runs on completion of the DOM loading. Loops through anchor tags looking for
// 'lightbox' references and applies onclick events to appropriate links. The 2nd section of
// the function inserts html at the bottom of the page which is used to display the shadow
// overlay and the image container.
//
initialize: function() {
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName('a');
// loop through all anchor tags
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));
// use the string.match() method to catch 'lightbox' references in the rel attribute
if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
anchor.onclick = function () {myLightbox.start(this); return false;}
}
}
var objBody = document.getElementsByTagName("body").item(0);
var objOverlay = document.createElement("div");
objOverlay.setAttribute('id','overlay');
objOverlay.onclick = function() { myLightbox.end(); return false; }
objBody.appendChild(objOverlay);
var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objBody.appendChild(objLightbox);
var objOuterImageContainer = document.createElement("div");
objOuterImageContainer.setAttribute('id','outerImageContainer');
objLightbox.appendChild(objOuterImageContainer);
var objImageContainer = document.createElement("div");
objImageContainer.setAttribute('id','imageContainer');
objOuterImageContainer.appendChild(objImageContainer);
var objLightboxImage = document.createElement("img");
objLightboxImage.setAttribute('id','lightboxImage');
objImageContainer.appendChild(objLightboxImage);
var objHoverNav = document.createElement("div");
objHoverNav.setAttribute('id','hoverNav');
objImageContainer.appendChild(objHoverNav);
var objPrevLink = document.createElement("a");
objPrevLink.setAttribute('id','prevLink');
objPrevLink.setAttribute('href','#');
objHoverNav.appendChild(objPrevLink);
var objNextLink = document.createElement("a");
objNextLink.setAttribute('id','nextLink');
objNextLink.setAttribute('href','#');
objHoverNav.appendChild(objNextLink);
var objLoading = document.createElement("div");
objLoading.setAttribute('id','loading');
objImageContainer.appendChild(objLoading);
var objLoadingLink = document.createElement("a");
objLoadingLink.setAttribute('id','loadingLink');
objLoadingLink.setAttribute('href','#');
objLoadingLink.onclick = function() { myLightbox.end(); return false; }
objLoading.appendChild(objLoadingLink);
var objLoadingImage = document.createElement("img");
objLoadingImage.setAttribute('src', fileLoadingImage);
objLoadingLink.appendChild(objLoadingImage);
var objImageDataContainer = document.createElement("div");
objImageDataContainer.setAttribute('id','imageDataContainer');
objImageDataContainer.className = 'clearfix';
objLightbox.appendChild(objImageDataContainer);
var objImageData = document.createElement("div");
objImageData.setAttribute('id','imageData');
objImageDataContainer.appendChild(objImageData);
var objImageDetails = document.createElement("div");
objImageDetails.setAttribute('id','imageDetails');
objImageData.appendChild(objImageDetails);
var objCaption = document.createElement("span");
objCaption.setAttribute('id','caption');
objImageDetails.appendChild(objCaption);
var objNumberDisplay = document.createElement("span");
objNumberDisplay.setAttribute('id','numberDisplay');
objImageDetails.appendChild(objNumberDisplay);
var objBottomNav = document.createElement("div");
objBottomNav.setAttribute('id','bottomNav');
objImageData.appendChild(objBottomNav);
var objBottomNavCloseLink = document.createElement("a");
objBottomNavCloseLink.setAttribute('id','bottomNavClose');
objBottomNavCloseLink.setAttribute('href','#');
objBottomNavCloseLink.onclick = function() { myLightbox.end(); return false; }
objBottomNav.appendChild(objBottomNavCloseLink);
var objBottomNavCloseImage = document.createElement("img");
objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
objBottomNavCloseLink.appendChild(objBottomNavCloseImage);
overlayEffect = new fx.Opacity(objOverlay, { duration: 300 });
overlayEffect.hide();
imageEffect = new fx.Opacity(objLightboxImage, { duration: 350, onComplete: function() { imageDetailsEffect.custom(0,1); }});
imageEffect.hide();
imageDetailsEffect = new fx.Opacity('imageDataContainer', { duration: 400, onComplete: function() { navEffect.custom(0,1); }});
imageDetailsEffect.hide();
navEffect = new fx.Opacity('hoverNav', { duration: 100 })
没有合适的资源?快使用搜索试试~ 我知道了~
ecshop 模板咖啡色
共163个文件
gif:78个
lbi:48个
dwt:29个
4星 · 超过85%的资源 需积分: 5 23 下载量 89 浏览量
2008-10-27
13:07:36
上传
评论
收藏 159KB RAR 举报
温馨提示
ecshop 模板咖啡色 文件还是很小的,下载后自己看看吧,不是广告!
资源推荐
资源详情
资源评论
收起资源包目录
ecshop 模板咖啡色 (163个子文件)
component.css 32KB
layout.css 6KB
style.css 3KB
Thumbs.db 5KB
user_transaction.dwt 45KB
flow.dwt 34KB
user_clips.dwt 28KB
goods.dwt 27KB
search.dwt 16KB
user_passport.dwt 11KB
group_buy_goods.dwt 8KB
auction.dwt 6KB
wholesale_list.dwt 6KB
index.dwt 5KB
compare.dwt 5KB
snatch.dwt 5KB
activity.dwt 4KB
pick_out.dwt 4KB
group_buy_list.dwt 4KB
brand.dwt 4KB
auction_list.dwt 4KB
myship.dwt 3KB
article.dwt 3KB
tag_cloud.dwt 3KB
topic.dwt 3KB
category.dwt 3KB
article_cat.dwt 2KB
catalog.dwt 2KB
respond.dwt 2KB
message.dwt 2KB
article_pro.dwt 2KB
receive.dwt 1KB
gallery.dwt 1KB
logo.gif 4KB
loading.gif 3KB
tab_bg.gif 3KB
btn_continue.gif 2KB
btn_checkout.gif 2KB
icon_msn.gif 2KB
btn_addcart.gif 2KB
btn_recommend.gif 1KB
btn_addfav.gif 1KB
btn_compare.gif 1KB
compare.gif 1KB
title_bg.gif 1KB
btn_signin_user.gif 1KB
stars0.gif 1KB
xml_rss2.gif 1KB
btn_blue_r.gif 1KB
btn_addbag_00.gif 1KB
btn_blue_l.gif 996B
closelabel.gif 935B
btn_display_mode_grid_act.gif 890B
stars3.gif 889B
stars2.gif 886B
tab_bg_selected.gif 885B
btn_display_mode_list_act.gif 884B
btn_display_mode_text_act.gif 874B
stars4.gif 866B
stars1.gif 856B
icon_urhere.gif 838B
btn_search.gif 667B
stars5.gif 590B
rank_2.gif 420B
rank_5.gif 418B
rank_1.gif 418B
rank_8.gif 417B
rank_4.gif 417B
rank_7.gif 417B
rank_3.gif 414B
rank_6.gif 414B
rank_9.gif 410B
rank_10.gif 408B
btn_signin_out.gif 368B
prevlabel.gif 351B
nextlabel.gif 348B
watermark_promote.gif 256B
watermark_best.gif 254B
watermark_new.gif 252B
icon_yahoo.gif 248B
watermark_hot.gif 247B
watermark_promote_small.gif 241B
watermark_hot_small.gif 237B
watermark_best_small.gif 234B
watermark_new_small.gif 233B
nav_bg.gif 192B
btn_forget_password.gif 167B
btn_register.gif 125B
btn_signin.gif 123B
btn_submit.gif 123B
btn_reset.gif 114B
btn_display_mode_grid.gif 102B
btn_display_mode_list.gif 97B
btn_display_mode_text.gif 90B
top_10.gif 70B
top_4.gif 64B
top_8.gif 64B
icon_cart.gif 64B
top_2.gif 63B
top_3.gif 63B
共 163 条
- 1
- 2
资源评论
- hackteddy2012-03-01模板还凑合吧,功能不全
luyrong
- 粉丝: 0
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功