Peyman.Gh
چهارشنبه 29 اردیبهشت 1389, 09:21 صبح
سلام پیمان جان
ممنون بابت زحمتی که کشیدی
میشه در باره این کد و نحوه اجراش یه توضیح کوچولو هم بدی؟ من نتونستم از این استفاده کنم . وقتی می برمش توی صفحه فقط عکس اول رو نشون میده و تموم . هیچ افکتی هم برای نمایش عکس دوم نداره. یعنی اصلا عکس دوم رو نشون نمی ده
مهدی جان این کد را در یک فایل HTML در پوشه پروژه خود ذخیره کنید
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<style type="text/css">
body
{
background-color: #FFFFFF;
color: #000000;
}
</style>
<script type="text/javascript">
<!--
function FadeImage(id, duration)
{
var millisec = Math.round(duration / 100);
var timer = 0;
for(i = 0; i <= 100; i++)
{
setTimeout("SetOpacity('" + id + "'," + i + ")",(timer * millisec));
timer++;
}
}
function SetOpacity(id, opacity)
{
var element = document.getElementById(id).style;
element.opacity = (opacity / 100);
element.MozOpacity = (opacity / 100);
element.KhtmlOpacity = (opacity / 100);
element.filter = "alpha(opacity=" + opacity + ")";
}
//-->
</script>
<script type="text/javascript">
<!--
function PreloadImages()
{
var imageObj = new Image();
var images = new Array();
images[0]="./images/1.jpg";
images[1]="./images/0.jpg";
for (var i=0; i<=1; i++)
{
imageObj.src = images[i];
}
}
// -->
</script>
</head>
<body>
<div id="wb_SlideShow1" style="position:absolute;left:235px;top:109px;width:560px ;height:390px;z-index:0;overflow:hidden" align="left">
<script type="text/javascript">
<!--
var SlideShow1_Index = -1;
var SlideShow1_Images = new Array();
SlideShow1_Images[0] = ["images/1.jpg","",""];
SlideShow1_Images[1] = ["images/0.jpg","",""];
function SlideShow1ShowNext()
{
SlideShow1_Index = SlideShow1_Index + 1;
if (SlideShow1_Index > 1)
SlideShow1_Index = 0;
document.getElementById('SlideShow1_Fade').src = document.getElementById('SlideShow1').src;
SetOpacity('SlideShow1', 0);
eval("document.SlideShow1.src = SlideShow1_Images[" + SlideShow1_Index + "][0]");
setTimeout("SlideShow1ShowNext();", 5000);
FadeImage('SlideShow1', 1500);
}
// -->
</script>
<img src="images/1.jpg" style="position:absolute;left:0px;top:0px;" id="SlideShow1_Fade" border="0" align="top" alt="" width="560" height="390" name="SlideShow1_Fade">
<img src="images/1.jpg" style="position:absolute;left:0px;top:0px;" id="SlideShow1" border="0" align="top" alt="" width="560" height="390" name="SlideShow1">
<script type="text/javascript">
<!--
SlideShow1ShowNext();
// -->
</script>
</div>
</body>
</html>
در این مثال دو تصویر در پوشه Images هستند (پوشه Images در پروژه شما میباشد).
برای استفاده در پروژه به طور مثال به این صورت عمل نمایید :
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text= System.IO.File.ReadAllText(Server.MapPath("Slide.html"));
}
موفق باشید.