Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net Javascript或CSS悬停在Safari和Chrome中不起作用_Asp.net_Javascript_Css_Image Gallery - Fatal编程技术网

Asp.net Javascript或CSS悬停在Safari和Chrome中不起作用

Asp.net Javascript或CSS悬停在Safari和Chrome中不起作用,asp.net,javascript,css,image-gallery,Asp.net,Javascript,Css,Image Gallery,我对图像库的脚本有问题。这个问题似乎只发生在Safari和Chrome上,但是如果我刷新页面,我会让它正常工作-奇怪 正确的功能: 画廊有一个顶部栏,如果你将鼠标悬停在上面,它会显示一个标题。下图是主图像。在底部有另一个与顶部条相反的条。当您将鼠标悬停在它上方时,它将显示图库的缩略图 问题是: 在Safari和Chrome中,缩略图保持架将不显示。事实上,它甚至没有将其显示为活动项(或滚动)。但奇怪的是,如果您手动刷新页面,它将在您查看页面的其余时间正常工作。一旦您离开页面并返回,同样的错误再次

我对图像库的脚本有问题。这个问题似乎只发生在Safari和Chrome上,但是如果我刷新页面,我会让它正常工作-奇怪

正确的功能: 画廊有一个顶部栏,如果你将鼠标悬停在上面,它会显示一个标题。下图是主图像。在底部有另一个与顶部条相反的条。当您将鼠标悬停在它上方时,它将显示图库的缩略图

问题是: 在Safari和Chrome中,缩略图保持架将不显示。事实上,它甚至没有将其显示为活动项(或滚动)。但奇怪的是,如果您手动刷新页面,它将在您查看页面的其余时间正常工作。一旦您离开页面并返回,同样的错误再次发生,您必须经历相同的过程

以下是要查看的页面之一:

以下是CSS:

#ThumbsGutter {
background: url(../Images/1x1.gif);
background: url(/Images/1x1.gif);
高度:105px; 左:0px; 位置:绝对位置; 顶部:0px; 宽度:754px; z指数:2; }

}
下面是javascript:

//Variables
var globalPath=“”

var imgMain; var排水沟; 风险值持有人; 拇指; var加载图像; var holderState; var-imgCount; var imgLoaded; var资本持有人; var captionState=0; var captionHideTimer; var captionHideTime=500; var thumbsHideTimer; 变量thumbsHideTime=500

$(文档).ready(函数(){ //负载变量 imgMain=$(“#主图像”); 字幕持有人=$(“#字幕持有人”); 排水沟=$(“#指口”); 持有人=$(“#指夹”); 拇指=$(“#拇指”); loadingImage=$(“#LoadingImageHolder”)

}))

功能加载库(galleryID){ //皮夹 holderState=0; css(“显示”、“无”)

}

}
函数showCaption(){ 如果(字幕状态==0){ $(“#CaptionTab”).attr(“src”,globalPath+”/Images/CaptionTabHot.jpg”); captionHolder.css(“display”,“inline”).css(“left”,imgMain.position().left+“px”).css(“top”,imgMain.position().top+“px”).css(“width”,imgMain.width()+“px”).effect(“slide”,{“direction”:“up”},500,function(){ 字幕状态=1; }); } }

}
函数hidecation(){ 如果(字幕状态==1){ 切换(“滑动”,“方向”:“向上”},500,函数(){ $(“#CaptionTab”).attr(“src”,globalPath+”/Images/CaptionTab.jpg”); 字幕状态=0; }); } }

}
函数setCaptionHideTimer(){ captionHideTime=window.setTimeout(隐藏选项,captionHideTime); }

}
函数clearCaptionHideTimer(){ if(标题HIDETIMER){ clearTimeout(captionHideTimer); captionHideTimer=null; } }

}
函数showtumbs(){ if(holderState==0){ $(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTabHot.jpg”); holder.effect(“slide”,{“direction”:“down”},500,function(){ holderState=1; }); } }

}
函数hideThumbs(){ if(holderState==1){ if(jQuery.browser.safari){ css(“显示”、“无”); $(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTab.jpg”); holderState=0; }否则{ 切换(“滑动“,{”方向“:“向下”},500,函数(){ $(“#ThumbTab”).attr(“src”,globalPath+”/Images/ThumbTab.jpg”); holderState=0; }); }

}
}

}
函数setThumbsHideTimer(){ thumbsHideTimer=window.setTimeout(hideThumbs,thumbsHideTimer); }

}
函数clearThumbsHideTimer(){ if(拇指指代定时器){ 清除超时(thumbsHideTimer); thumbsHideTimer=null; } }

}
函数setImage(图像){ //显示加载图像 加载image.css(“显示”、“内联”)

}

}
函数setCaption(标题){ $(“#字幕文本”).html(字幕); //警报($(“#CaptionText”).html(); /* 如果(caption.length>0){ $(“#说明文字”) .css(“显示”、“内联”) .css(“左”,imgMain.position().left+“px”) .css(“顶部”,imgMain.position().top+“px”) .css(“宽度”,imgMain.width()+“px”) .html(标题)

.css(“height”,$(“#CaptionText”).height()+36+“px”) .css(“左”,imgMain.position().left+“px”) .css(“顶部”,imgMain.position().top+“px”) .css(“宽度”,imgMain.width()+“px”); }否则{ $(“#CaptionText”).css(“显示”、“无”); $(“#CaptionOverlay”).css(“显示”、“无”); } */ }

}
如果有人能帮忙,我们将不胜感激

提前谢谢


贾斯汀

我使用的是Chrome 4.1.249.1064,顶部的工具栏工作得非常完美,我看到的标题没有刷新页面。 在Firefox 3.6.3中也是如此,一切都非常完美
与Safari 4.0.3一样,所有功能都非常完美

您使用的javascript在哪里?在Windows XP上的Chrome 4.1.249.1064中对我很好。我已将javascript添加到上述消息中。如果我不是本博客的新手,我也会添加ASXC代码-我想我还不能添加图像代码。请注意,直到第二次更新时,错误才发生e你查看页面。第一次查看页面时,它就正常工作了-对我来说非常奇怪!是的,它似乎对Chrome和Safari的旧版本都很好,但在Chrome 5.0.375.38和Safari 4.0.2上,它在第一次查看图库时就正常工作,然后它就停止工作了。这是最奇怪的故障!有什么想法吗?Thx JustinOh,a问题出在底部的横杆上。