簡體   English   中英

可以在Site.Master中進行輪播,但不能在Content元素中進行

[英]Carousel ok in Site.Master, but not inside Content element

我的輪播圖片展示放置在Site.Master中時效果很好,但是在使用Site.Master的.aspx文件的Content元素內的相同標記(不帶輪播摘要)僅顯示其循環經過的每個圖像的替代文本。

環境:Win10 Pro,Visual Studio 2017社區15.4.4,引導程序3.0.0

這是輪播片段:

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- Images-->
    <div class="carousel-inner" role="listbox">
        <div class="item carousel-item active">
            <img src="1945_DeHavilland_Canada_DH-98_Mosquito_FBMK26.jpg" alt="Slide #1">
        </div>
        <div class="item carousel-item">
            <img src="1969_Aerovodochody_L-29_DELFIN.jpg" alt="Slide #2">
        </div>
        <div class="item carousel-item">
            <img src="737BahamasAir.jpg" alt="Slide #3">
        </div>
    </div>
    <!-- Left Right Arrows -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

如果您正在使用的文件顯示輪播位於子文件夾內,則示例:

/wwwroot/Content/file.aspx

然后,您必須將圖像源設置為../ example_image.jpg(或存儲圖像的位置,在這種情況下,該圖像位於Web根文件夾中)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM