页面实现图片传输放大预览JS

来源：互联网发布：vender软件编辑：程序博客网时间：2024/06/10 11:46

tomcat service.xml配置映射

featuredcontentslider.init({
id : "syFocusThumb",
contentsource : [ "inline", "" ],
toc : "scroll",
nextprev : [ "", "" ],
revealtype : "click",
enablefade : [ false, 0.15 ],
autorotate : [ false, 4500 ],
delay : 1, /** 事件延迟时间(默认值：0，单位：ms) **/
/** playtab: 4, 默认的播放舌签 **/
onChange : function(previndex, curindex) {
}
});
$('#myImg').click(function(){

//获取图片路径

//图片路劲为/img/图片名称

var imgUrl = "${launcher.imgUrl }";
//用window变量传输
window.obj = imgUrl;

window.open("pages/dialogUtil.jsp?",'场强图片','width='+
(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30)+
',top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes');

});

</SCRIPT>

<html>

//获取传过来的图片
var objString =this.opener.obj;
if(objString != null && objString != ""){
var obj = objString.split(",");
for(var i=0,len=obj.length;i<len;i++){
var temp = "<li _src='url("+obj[i]+")'></li>";
$('#fieldStrength').append(temp);
}
}

//document.getElementById("bigImg").innerHTML = imgUrl;
$(".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
</script>
</body>
</html>

阅读全文

0 0