fakhravari
سه شنبه 27 فروردین 1392, 23:12 عصر
در ابتدا این 3 فایل دانلود کنید
http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css
http://code.jquery.com/jquery-1.9.1.js
http://code.jquery.com/ui/1.10.2/jquery-ui.js
خب شروع
اول من html و سمت کد میزارم بعد روی کداش توضیح میدم.
شاید خیلی اسلاید شو قشنگتر گیر بیاد توی سات ها ،اما بدونید ساختارش چطوره خیلی ادم راضی تر میکنه.
using System;
using System.Web.Script.Services;
using System.Web.Services;
[ScriptMethod, WebMethod]
public static string docall()
{
return "1.jpg, 2.jpg, 3.jpg$111111111111;222222222222222;33333333333";
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="../jqueryui.com/jquery-1.9.1_2.js" type="text/javascript"></script>
<script src="../jqueryui.com/jquery-ui_2.js" type="text/javascript"></script>
<link href="../jqueryui.com/jquery-ui_2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
var f = PageMethods.docall(onSuccess, onFailure);
function onSuccess(result) {
var array1 = (result.split('$')[0]);
var array2 = (result.split('$')[1]).split(';');
var array3 = array1.split(',');
var num = 0;
function changeImage(num) {
$('#img2').attr('src', array3[num]);
$('#img2').attr('title', array2[num]);
if (num > 2) { num = 0; }
num++;
setTimeout(function () { changeImage(num); }, 3000);
}
changeImage(num);
}
function onFailure(error) {
alert(error);
}
$(document).tooltip();
});
</script>
<style type="text/css">
body
{
background-color: #FF9933;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<img style="height: 330px; width: 396px; z-index: 1; left: 430px; top: 58px; position: absolute;"
id="img2" title="" />
</form>
</body>
</html>
http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css
http://code.jquery.com/jquery-1.9.1.js
http://code.jquery.com/ui/1.10.2/jquery-ui.js
خب شروع
اول من html و سمت کد میزارم بعد روی کداش توضیح میدم.
شاید خیلی اسلاید شو قشنگتر گیر بیاد توی سات ها ،اما بدونید ساختارش چطوره خیلی ادم راضی تر میکنه.
using System;
using System.Web.Script.Services;
using System.Web.Services;
[ScriptMethod, WebMethod]
public static string docall()
{
return "1.jpg, 2.jpg, 3.jpg$111111111111;222222222222222;33333333333";
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="../jqueryui.com/jquery-1.9.1_2.js" type="text/javascript"></script>
<script src="../jqueryui.com/jquery-ui_2.js" type="text/javascript"></script>
<link href="../jqueryui.com/jquery-ui_2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
var f = PageMethods.docall(onSuccess, onFailure);
function onSuccess(result) {
var array1 = (result.split('$')[0]);
var array2 = (result.split('$')[1]).split(';');
var array3 = array1.split(',');
var num = 0;
function changeImage(num) {
$('#img2').attr('src', array3[num]);
$('#img2').attr('title', array2[num]);
if (num > 2) { num = 0; }
num++;
setTimeout(function () { changeImage(num); }, 3000);
}
changeImage(num);
}
function onFailure(error) {
alert(error);
}
$(document).tooltip();
});
</script>
<style type="text/css">
body
{
background-color: #FF9933;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<img style="height: 330px; width: 396px; z-index: 1; left: 430px; top: 58px; position: absolute;"
id="img2" title="" />
</form>
</body>
</html>