Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Beginner 28 posts 78 karma points
    Aug 19, 2013 @ 18:23
    Beginner
    0

    Bootstrap Carousel Problem

    Hi.I am a quite beginner here.. I have been doing some smaller umbracosites and now I wanted to implement bootstrap..My problem is how to get the bootstrap carousel working.I have tried to implement it in the code but it is not working as it should. It just shows the content above each other instead of in the carousel.Does any have a solution or an example to see??My code is like this.. <xsl:variable name="sliderNode" select="$currentPage/parent::/child::[@level=1]"/> <xsl:for-each select="$sliderNode/child::umediaSlider"> <div class="slider"> <div class="container-fluid"> <div id="heroSlider" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="hero-unit"> <div class="row-fluid"> <div class="span7 marketting-info"> <h1> <xsl:value-of select="@nodeName"/> </h1> <p> <xsl:value-of select="teaserText" disable-output-escaping="yes"/> </p> </div> <div class="span5"> <img src="{umbracoFile}" class="thumbnail" /> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a> <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a> </div> </div> </div> </xsl:for-each>

  • Beginner 28 posts 78 karma points
    Aug 19, 2013 @ 18:35
    Beginner
    0
        <xsl:variable name="sliderNode" select="$currentPage/parent::*/child::*[@level=1]"/>
    <xsl:for-each select="$sliderNode/child::umediaSlider">
      <div class="slider">
        <div class="container-fluid">
          <div id="heroSlider" class="carousel slide">
            <div class="carousel-inner">
              <div class="active item">
                <div class="hero-unit">
                  <div class="row-fluid">
                    <div class="span7 marketting-info">
                      <h1>
                        <xsl:value-of select="@nodeName"/>
                      </h1>
                      <p>
                        <xsl:value-of select="teaserText" disable-output-escaping="yes"/>
                      </p>
                    </div>
                    <div class="span5">
                      <img src="{umbracoFile}" class="thumbnail" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a>
            <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a>
          </div>
        </div>
      </div>
    </xsl:for-each>
    
Please Sign in or register to post replies

Write your reply to:

Draft