سلام دوستان
چ جوری میشه اطلاعات از دیتابیس رو به این شکل بگیریم ؟ :
http://owlgraphic.com/owlcarousel/demos/custom.html
من هرکاری بوده کردم ولی کنترل خاصیتاش از کار میفته
در ضمن از کنترل دیتالیست و خاصیت ریپیت کلامنز هم استفاده میکنم
خواهش میکنم اگه کسی میدونه راهنماییم کنه
ممنون
لطفا کد خودتون را بنویسید.
خیلی ممنون واقعا
این کدهای html و css هست رو ضمیمه کردم واستون
اینم کدهای قسمت کد بیهایند
DataClasses1DataContext db = new DataClasses1DataContext();
var q = db.news;
DataList2.DataSource = q.OrderByDescending(x => x.news_ID);
DataList2.DataBind();
اینم یه ویو از کار :
http://upload.tehran98.com/upme/uploads/e9f45cc8ce4773a21.jpg
خواهش میکنم کمک کنید
ممنون
<html>
<head>
//کدهاي مربوط به owl crasoul
<link href="template/Owl/owl.carousel.css" rel="stylesheet" />
<script src="template/Owl/owl.carousel.js"></script>
<link href="template/Owl/owl.theme.css" rel="stylesheet" />
<script src="template/js/jquery-1.9.1.min.js"></script>
//کدهاي جاوا اسکريپت owl crasoul
<script>
$(document).ready(function () {
var owl = $("#owl-demo");
owl.owlCarousel({
items: 10, //10 items above 1000px browser width
itemsDesktop: [1000, 5], //5 items between 1000px and 901px
itemsDesktopSmall: [900, 3], // betweem 900px and 601px
itemsTablet: [600, 2], //2 items between 600 and 0
itemsMobile: false // itemsMobile disabled - inherit from itemsTablet option
});
// Custom Navigation Events
$(".next").click(function () {
owl.trigger('owl.next');
})
$(".prev").click(function () {
owl.trigger('owl.prev');
})
$(".play").click(function () {
owl.trigger('owl.play', 1000); //owl.play event accept autoPlay speed as second parameter
})
$(".stop").click(function () {
owl.trigger('owl.stop');
})
});
</script>
</head>
<body>
<div class="three">
<div class="dbl">
<div class="onvandbl">
<div style="background:url(./template/img/9.png);width:18px;height:38px;float:right;position:relative;top:12px;right:39px;"></div>
<p>بخش جامع دوبله فارسي</p>
<div class="controlsdbl">
<div class="customNavigation">
<a style="font-family: WeblogmaYekan;font-size:20px;font-weight:300 bold;" class="btn prev"><</a>
<a style="font-family: WeblogmaYekan;font-size:20px;font-weight:300 bold;" class="btn next">></a>
</div>
</div>
</div>
<div id="owl-demo" class="owl-carousel owl-theme">
<asp:DataList ID="DataList2" runat="server" RepeatColumns="10" RepeatDirection="Horizontal" >
<ItemTemplate>
<div class="item">
<img class="imgdbl" src="<%# Eval("news_img_finger") %>" width="230" height="306" />
</div>
<div class="DescDbl">
<div style="background:url(./img/7.png) no-repeat ;width:25px;height:25px;float:right;position:relative;top:7px;right:8px;"></div>
<div style="width:92%;height:30px;"><p>دانلود سريال هات فيلد و مککوي</p></div>
<div style="background:url(./img/8.png) no-repeat ;width:25px;height:25px;float:right;position:relative;top:7px;right:8px;"></div>
<div style="width:92%;height:30px;"><p>فصل سوم قسمت پنج</p></div>
</div>
</ItemTemplate>
</asp:DataList>
</div>
</div>
</div>
</body>
</html>
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)
