将产品图片全部放在同一目录下会影响网站打开速度吗?

Question

例如,该公司的产品图片有一万张左右

客户的每个页面展示20张图片,都是以bookpic/XXXX.jpg
或者有一种方法是bookpic/2007/08/04/xxxx.jpg

这两种方法打开的速度是不是一样的?
如果不是,为什么?
7楼的误解我的意思了,一般网站默认是全部等全部图片打开后才显示网页
我现在想要的是加载一点就显示一点!

Answer 1

图片连续滚动，并且鼠标放在图片上暂停滚动
直接用HTML或者CSS是达不到这种效果的,给你下面这个JS代码,直接插入到指定的位置就可以:
<script>
<!--
//////////////////////////////////////////////////////////////////
//第 7，8，9 行更改总体设置 第 65 行开始加入自定义内容 //
//将JS嵌入到显示的固定位置 //
//////////////////////////////////////////////////////////////////
var intSTime = 4000;//定义图片轮换时间
var intSWidth = 160;//定义图片宽度，单位：像素
var intSHeight = 140;//定义图片高度，单位：像素
var collectSAd;
var adNum = 0
function slectImg(){
this.items = [];
this.addItem = function(adURL,strURL,strBak,intChMode,intTarget){
var newItem = {};
newItem.adURL = adURL;
newItem.strURL = strURL;
newItem.strBak = strBak;
newItem.intChMode = intChMode;
newItem.intTarget = intTarget;
this.items[this.items.length] = newItem;
}
this.play = function(){
collectSAd = this.items
strHtml()
nextAd()
}
}
function setTransition(){
if (document.all){
if(collectSAd[adNum].intChMode == ""){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
}else{
bannerADrotator.filters.revealTrans.Transition=collectSAd[adNum].intChMode;
}
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
adNum<collectSAd.length-1?adNum++:adNum=0;
setTransition();
document.images.bannerADrotator.src=collectSAd[adNum].adURL;
playTransition();
document.images.bannerADrotator.alt=collectSAd[adNum].strBak;
theTimer=setTimeout("nextAd()", intSTime);
}
function jump2url(){
jumpUrl=collectSAd[adNum].strURL;
if (jumpUrl != ''){
if(collectSAd[adNum].intTarget != "")window.open(jumpUrl,collectSAd[adNum].intTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=collectSAd[adNum].strURL;
document.returnValue = true;
}
function strHtml(){
document.write("<a onmouseover=\"displayStatusMsg();return document.returnValue\" href=\"javascript:jump2url()\"><img src=\"javascript:nextAd()\" name=\"bannerADrotator\" width=\""+intSWidth+"\" height=\""+intSHeight+"\" border=\"0\" style=\"filter: revealTrans(duration=2,transition=20)\"></a>")
}
var theSlectImg = new slectImg();

theSlectImg.addItem("图片所在位置的路径","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的路径","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.play()
//使用方法：
//首先修改7，8，9行总体设置
//然后重复调用控件：
//theSlectImg.addItem(adURL,strURL,strBak,intChMode,intTarget)
//adURL 定义图片路径
//strURL 定义图片链接
//strBak 定义图片出错时的备用提示
//intChMode 定义图片更换方式，范围为0-23,(详细效果查询CSS指南)，为空时显示随机效果
//intTarget 定义广告弹出方式，为空时在本页显示，可选参数"_blank","_self","_top","_parent"
//-->
</Script>

Answer 2

hh

Answer 3

这两种方法打开的速度一样的,图片放的位置不影响打开速度.最好是把每个图片都切开,这样会打开的速度快些~

Answer 4

一样的，把图片切开速度就会更快

Answer 5

hh..bu dong

Answer 6

<script>
<!--
//////////////////////////////////////////////////////////////////
//第 7，8，9 行更改总体设置 第 65 行开始加入自定义内容 //
//将JS嵌入到显示的固定位置 //
//////////////////////////////////////////////////////////////////
var intSTime = 4000;//定义图片轮换时间
var intSWidth = 160;//定义图片宽度，单位：像素
var intSHeight = 140;//定义图片高度，单位：像素
var collectSAd;
var adNum = 0
function slectImg(){
this.items = [];
this.addItem = function(adURL,strURL,strBak,intChMode,intTarget){
var newItem = {};
newItem.adURL = adURL;
newItem.strURL = strURL;
newItem.strBak = strBak;
newItem.intChMode = intChMode;
newItem.intTarget = intTarget;
this.items[this.items.length] = newItem;
}
this.play = function(){
collectSAd = this.items
strHtml()
nextAd()
}
}
function setTransition(){
if (document.all){
if(collectSAd[adNum].intChMode == ""){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
}else{
bannerADrotator.filters.revealTrans.Transition=collectSAd[adNum].intChMode;
}
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
adNum<collectSAd.length-1?adNum++:adNum=0;
setTransition();
document.images.bannerADrotator.src=collectSAd[adNum].adURL;
playTransition();
document.images.bannerADrotator.alt=collectSAd[adNum].strBak;
theTimer=setTimeout("nextAd()", intSTime);
}
function jump2url(){
jumpUrl=collectSAd[adNum].strURL;
if (jumpUrl != ''){
if(collectSAd[adNum].intTarget != "")window.open(jumpUrl,collectSAd[adNum].intTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=collectSAd[adNum].strURL;
document.returnValue = true;
}
function strHtml(){
document.write("<a onmouseover=\"displayStatusMsg();return document.returnValue\" href=\"javascript:jump2url()\"><img src=\"javascript:nextAd()\" name=\"bannerADrotator\" width=\""+intSWidth+"\" height=\""+intSHeight+"\" border=\"0\" style=\"filter: revealTrans(duration=2,transition=20)\"></a>")
}
var theSlectImg = new slectImg();

theSlectImg.addItem("图片所在位置的路径","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的路径","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.addItem("图片所在位置的完整路径及图片名称","要链接的网址","要显示图片名称","","")

theSlectImg.play()
//使用方法：
//首先修改7，8，9行总体设置
//然后重复调用控件：
//theSlectImg.addItem(adURL,strURL,strBak,intChMode,intTarget)
//adURL 定义图片路径
//strURL 定义图片链接
//strBak 定义图片出错时的备用提示
//intChMode 定义图片更换方式，范围为0-23,(详细效果查询CSS指南)，为空时显示随机效果
//intTarget 定义广告弹出方式，为空时在本页显示，可选参数"_blank","_self","_top","_parent"
//-->
</Script>