با سلام و خسته نباشید
من از پست ساخت owl carousel از بانک شما استفاده کردم و طبق گفته های در پست موارد را انجام دادم. مشکل اینه که فقط عکس رو نشون نمیده. حتی در inspect هم ظاهرا همه چی درسته؟!!!!!!
کد من هم :
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700'
rel='stylesheet' type='text/css'>
<link href="assets/css/bootstrapTheme.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<!-- Prettify -->
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Body" runat="Server">
<div id="demo">
<div class="container">
<div class="row">
<div class="span12">
<div id="owl-demo" class="owl-carousel">
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString='<%$ ConnectionStrings:Incubator_mstpConnectionString %>'
SelectCommand="SELECT * FROM [tbl_CP_Gallery] WHERE ([grgllId] = @grgllId)">
<SelectParameters>
<asp:Parameter DefaultValue="2" Name="grgllId" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<div class="item">
<img src='<%#"images-files/Gallery-Img/Gallery-Img/"+Eval("gllImage") %>' alt='<%# Eval("gllTitle") %>' ></div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="owl-carousel/owl.carousel.js"></script>
<!-- Demo -->
<style type="text/css">
#owl-demo .item
{
margin: 3px;
}
#owl-demo .item img
{
display: block;
width: 100%;
height: auto;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay: 3000,
items: 4,
itemsDesktop: [1199, 3],
itemsDesktopSmall: [979, 3]
});
});
</script>
<script type="text/javascript" src="assets/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-transition.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="assets/js/google-code-prettify/prettify.js"></script>
<script type="text/javascript" src="assets/js/application.js"></script>
</asp:Content>
این هم مربوط به سورس هست:
<div id="demo">
<div class="container">
<div class="row">
<div class="span12">
<div id="owl-demo" class="owl-carousel">
<div class="item">
<img src='images-files/Gallery-Img/Gallery-Img/2016-12-26-13-42-36-265-4502.jpg' alt='sqd' ></div>
<div class="item">
<img src='images-files/Gallery-Img/Gallery-Img/2016-12-26-13-43-0-187-5881.jpg' alt='sqd' ></div>
<div class="item">
<img src='images-files/Gallery-Img/Gallery-Img/2016-12-26-13-46-7-287-2412.jpg' alt='sqd' ></div>
<div class="item">
<img src='images-files/Gallery-Img/Gallery-Img/2016-12-26-13-46-15-188-9828.jpg' alt='رئيس ستاد ملي هفته پژوهش و فناوري : پژوهش، گفتمان روز کشور شده است ' ></div>
<div class="item">
<img src='images-files/Gallery-Img/Gallery-Img/2016-12-26-13-47-24-208-2798.jpg' alt='رئيس ستاد ملي هفته پژوهش و فناوري : پژوهش، گفتمان روز کشور شده است ' ></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="owl-carousel/owl.carousel.js"></script>
<!-- Demo -->
<style type="text/css">
#owl-demo .item
{
margin: 3px;
}
#owl-demo .item img
{
display: block;
width: 100%;
height: auto;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay: 3000,
items: 4,
itemsDesktop: [1199, 3],
itemsDesktopSmall: [979, 3]
});
});
</script>
<script type="text/javascript" src="assets/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-transition.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="assets/js/google-code-prettify/prettify.js"></script>
<script type="text/javascript" src="assets/js/application.js"></script>
در خاصیت src تصاویر ابتدای ادرس یک / بزارید
گذاشتم ولی باز هم نشد!!
<img src='<%#"/images-files/Gallery-Img/Gallery-Img/"+Eval("gllImage") %>' alt='<%# Eval("gllTitle") %>' >
حالا چه در سورس و چه در inspect هیچ تصویری رو نشون نمیده.
از طریق سورس صفحه ادرس تصاویر و نام را بررسی کنید و چک کنید ایا در ادرس فوق تصویر هست
تصویر هست اما وقتی / را اول آدرس قرار میدم چیزی رو پیدا نمی کنه.
اول همه رفرنس ها هم / را اضافه کنید
شاید مشکل در رفرنس های جی کوئری باشه
امتحان کردم.
خطا میدن.
آدرس ها درستن.
ولی نمی دونم چرا نشون نمیدن.
تا حالا به این مشکل برخوردید؟!!
بله قبلا داشتم که مشکل از ادرس دهی تصاویر بود
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)