problem in displaying large image
-
hello sir i m using javascript function for displaying large image(shown in datalist)...my function is function ShowToolTip(con) { document.getElementById("div_img").style.visibility = "visible"; document.getElementById("img_tool").src =con.src.replace("SmallPic","BigPic"); document.getElementById("div_img").style.left = event.clientX ; document.getElementById("div_img").style.top = event.clientY ; document.getElementById("div_img").style.zIndex = "0"; } and on mouseout...i use another function ie function hideToolTip() { document.getElementById("div_img").style.visibility = "hidden"; }... but the problem is this onmouseover of another image it first display the first image for some seconds and then the current image...so i want to use loading like http://www.templates.com/[^] ...please help me...how to solve this problem... u can check my problem here http://www.eleegance.com/Default2.aspx?id=1[^]
-
hello sir i m using javascript function for displaying large image(shown in datalist)...my function is function ShowToolTip(con) { document.getElementById("div_img").style.visibility = "visible"; document.getElementById("img_tool").src =con.src.replace("SmallPic","BigPic"); document.getElementById("div_img").style.left = event.clientX ; document.getElementById("div_img").style.top = event.clientY ; document.getElementById("div_img").style.zIndex = "0"; } and on mouseout...i use another function ie function hideToolTip() { document.getElementById("div_img").style.visibility = "hidden"; }... but the problem is this onmouseover of another image it first display the first image for some seconds and then the current image...so i want to use loading like http://www.templates.com/[^] ...please help me...how to solve this problem... u can check my problem here http://www.eleegance.com/Default2.aspx?id=1[^]
You can use setTimeout function in javascript. try this script
function ShowToolTip(con)
{document.getElementById("img_tool").src =con.src.replace("SmallPic","BigPic");
document.getElementById("div_img").style.left = event.clientX ;
document.getElementById("div_img").style.top = event.clientY ;
document.getElementById("div_img").style.zIndex = "0";
//If you want to display loading text,take one div and write your text in //div and make it visible here
setTimeout("Loading()",1000);
}
function Loading()
{
document.getElementById("div_img").style.visibility = "visible";
// make your loading div visibility style hidden here
}Regard khan
please don't forget to vote on the post that helped you.
-
You can use setTimeout function in javascript. try this script
function ShowToolTip(con)
{document.getElementById("img_tool").src =con.src.replace("SmallPic","BigPic");
document.getElementById("div_img").style.left = event.clientX ;
document.getElementById("div_img").style.top = event.clientY ;
document.getElementById("div_img").style.zIndex = "0";
//If you want to display loading text,take one div and write your text in //div and make it visible here
setTimeout("Loading()",1000);
}
function Loading()
{
document.getElementById("div_img").style.visibility = "visible";
// make your loading div visibility style hidden here
}Regard khan
please don't forget to vote on the post that helped you.
i have done this like.. document.getElementById("img_tool").onLoad = setTimeout("imageLoaded()",3000); function imageLoaded() { document.getElementById("img_tool").src="pic/load.gif"; } but its not working...please help me...
-
i have done this like.. document.getElementById("img_tool").onLoad = setTimeout("imageLoaded()",3000); function imageLoaded() { document.getElementById("img_tool").src="pic/load.gif"; } but its not working...please help me...
Neetu Maheshwari wrote:
document.getElementById("img_tool").onLoad = setTimeout("imageLoaded()",3000);
If above line is out of function then it will not work. try with my script
please don't forget to vote on the post that helped you.