مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

mohammad913

عضویت از 1395/08/26

ساخت owl carousel از بانک

  • دوشنبه 6 دی 1395
  • 14:31
تشکر میکنم

با سلام و خسته نباشید

من از پست  ساخت 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>

پاسخ های این پرسش

تعداد پاسخ ها : 7 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 6 دی 1395
  • 14:52

در خاصیت src تصاویر ابتدای ادرس یک / بزارید

کاربر سایت

mohammad913

عضویت از 1395/08/26

  • دوشنبه 6 دی 1395
  • 14:56

گذاشتم ولی باز هم نشد!!

<img src='<%#"/images-files/Gallery-Img/Gallery-Img/"+Eval("gllImage") %>' alt='<%# Eval("gllTitle") %>' >

حالا چه در سورس و چه در inspect هیچ تصویری رو نشون نمیده.

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 6 دی 1395
  • 14:58

از طریق سورس صفحه ادرس تصاویر و نام را بررسی کنید و چک کنید ایا در ادرس فوق تصویر هست

کاربر سایت

mohammad913

عضویت از 1395/08/26

  • دوشنبه 6 دی 1395
  • 15:01

تصویر هست اما وقتی / را اول آدرس قرار میدم چیزی رو پیدا نمی کنه.

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 6 دی 1395
  • 15:08

اول همه رفرنس ها هم / را اضافه کنید

شاید مشکل در رفرنس های جی کوئری باشه

کاربر سایت

mohammad913

عضویت از 1395/08/26

  • دوشنبه 6 دی 1395
  • 20:32

امتحان کردم.

خطا میدن.

آدرس ها درستن.

ولی نمی دونم چرا نشون نمیدن.

تا حالا به این مشکل برخوردید؟!!

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 7 دی 1395
  • 09:39

بله قبلا داشتم که مشکل از ادرس دهی تصاویر بود

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)