niloo66
شنبه 05 اردیبهشت 1394, 15:43 عصر
در کدهای زیر هر نمیدونم چجوری طول و عرض عکس رو به اندازه دایو تنظیم کنم؟؟؟؟
لطفا راهنمایی کنید.(فوری)
%@ Page Language="C#" AutoEventWireup="true" CodeFile="2.aspx.cs" Inherits="_2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>
$(function () {
$("#slideshow > div:gt(0)").hide();
setInterval(function () {
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<style type="text/css">
#slideshow {
position: relative;
width:100%;
padding: 0px;
height:400px;
overflow:hidden;
}
#slideshow > div {
background-size:cover;
width:initial;
position:absolute;
top:0;
left:0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<div style="position:absolute;float:left;left:100px;top:20%;z-index:99999;">
<h1>
<a><span style="font-family:'Buxton Sketch';" class="site-title-span">111111111111</span></a>
</h1>
</div>
<div id="slideshow" >
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider2.jpg" /> </div>
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider3.jpg" /></div>
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider5.jpg" /> </div>
</div>
</div>
</div>
</form>
</body>
</html>
لطفا راهنمایی کنید.(فوری)
%@ Page Language="C#" AutoEventWireup="true" CodeFile="2.aspx.cs" Inherits="_2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>
$(function () {
$("#slideshow > div:gt(0)").hide();
setInterval(function () {
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<style type="text/css">
#slideshow {
position: relative;
width:100%;
padding: 0px;
height:400px;
overflow:hidden;
}
#slideshow > div {
background-size:cover;
width:initial;
position:absolute;
top:0;
left:0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<div style="position:absolute;float:left;left:100px;top:20%;z-index:99999;">
<h1>
<a><span style="font-family:'Buxton Sketch';" class="site-title-span">111111111111</span></a>
</h1>
</div>
<div id="slideshow" >
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider2.jpg" /> </div>
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider3.jpg" /></div>
<div>
<img src="images/slide-show/Agile_Telecom_sms_slider5.jpg" /> </div>
</div>
</div>
</div>
</form>
</body>
</html>