niklaus

What fields did you create for this carousel?

Thanks, yes i'm using bootstrap version 3. I'll try your code and let you know if it works...

Hello

I need help writing the php code to upload pictures into a bootstrap carousel slider on my page. The html hard code looks like this:

<div id="myCarousel1" 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>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="../Bilder.png.Carusell/Klient-8.png" alt="Edelfrau">
    </div>

    <div class="item">
      <img src="../Bilder.png.Carusell/Klient-9.png" alt="Maennerportrait">
    </div>

    <div class="item">
      <img src="../Bilder.png.Carusell/Klient-4.png" alt="Kind1">
    </div>
    <div class="item">
      <img src="../Bilder.png.Carusell/Klient-5.png" alt="Juengling">
    </div>
    <div class="item">
      <img src="../Bilder.png.Carusell/Klient-3.png" alt="Kind2">
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel1" 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="#myCarousel1" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

Can anybody help me with the php? I've created a repeater field called slider and the repeater uses an omg-field called "slider_bild".

Thanks for any response.

Hi everybody

I'm having big problems writing the php code to implement a fancy box gallery with a repeater field within a repeater field.

The html code looks like this:

<h2 id="klosterlink">Kloster Einsiedeln</h2><br/>
   <ul class="gallery">     
         <li class="gallery-list">
                 <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Cecilia/Cecilia.Einsiedeln.4.A6.png">
             <div class="hovereffect"> 
                    <img src="Bilder.png.Einsiedeln/Cecilia.Einsiedeln.282x200.png" alt="Hl.Cedilia" />
                <div class="overlay"><h3>Heilige Cecilia</h3></div>        
            </div></a>
         </li>
         <li class="gallery-list">
                 <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Engel/Engel.3.600x846.png">
             <div class="hovereffect"> 
                    <img src="Bilder.png.Einsiedeln/Engel/Engel.Einsiedeln.282x200.png" alt="Engel" />
                <div class="overlay"><h3>Engel</h3></div>
            </div></a>
         </li>
         <li class="gallery-list">
                 <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Bauer/Bauer.600x846.A6.png">    
             <div class="hovereffect"> 
                    <img src="Bilder.png.Einsiedeln/Bauer/Bauer.Einsiedeln.282x200.png" alt="Bauer" />
                <div class="overlay"><h3>Bauer</h3></div>
             </div></a>
         </li> 
         <li class="gallery-list">
                 <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Baeurin/Baeurin.600x846.A6.png"> 
             <div class="hovereffect">
                    <img src="Bilder.png.Einsiedeln/Baeurin/Baeurin.Einsiedeln.282x200.png" alt="Baeurin" />
                <div class="overlay"><h3>Bäurin</h3></div>
             </div></a>
         </li>
         <li class="gallery-list">
                 <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Betender/Betender.600x846.A6.png">
             <div class="hovereffect">
                    <img src="Bilder.png.Einsiedeln/Betender/Betender.Einsiedeln.282x200.png" alt="Edelmann im Gebet" />
                <div class="overlay"><h3>Betender Edelmann</h3></div>
             </div></a>
         </li>      
         <li class="gallery-list">
         <a class="fancybox" data-fancybox-group="thumb" href="Bilder.png.Einsiedeln/Borromaeus/Barromeus.600x846.png">
             <div class="hovereffect">
                    <img src="Bilder.png.Einsiedeln/Borromaeus/Barromeus4.Einsiedeln.282x200.png" alt="Kirchendiener" />
                <div class="overlay"><h3>Carl Borromäus</h3></div>
             </div></a>
         </li>
         <li class="gallery-list">
             <div class="hovereffect">
                    <img src="Bilder.png.Einsiedeln/Heilung.Einsiedeln.282x200.png" alt="" />
                <div class="overlay"><h3>Titel</h3></div>
             </div>
         </li>
    </ul>
    
<br class="clr"><br />

I want to be able to upload multiple galleries wich contain multiple pictures each with a "overlay title".

I've created this fields so far:

I hope anybody can help me, my php skills are very weak...