Hi

Is it possible to have couchcms manage this slideshow coding so the client can add images to the slideshow, the coding is below

Code: Select all
<div class="revolution">
          <ul>
              <!-- THE 1 SLIDE -->
              <li data-transition="turnoff" data-slotamount="1" data-masterspeed="300" >
                          <img src="images/blank.png" >           
                          <div class="tp-caption sfb phone"
                               data-x="880"
                               data-y="200"
                               data-speed="500"
                               data-start="1000"
                               data-width="['auto']"
                               data-height="['auto']"
                               data-easing=""  data-linktoslide="2" ><img src="images/phone.png" alt="Image 1"></div>
             
                          <div class="tp-caption sft elements laptop"
                               data-x="center"
                               data-y="-120"
                               data-speed="500"
                               data-start="100"
                               data-type="image"
                               data-width="['auto']"
                               data-height="['auto']"
                               data-easing="" ><img src="images/laptop.png" alt="Image 2" width="880" height="750"></div>
             
                          <!--<div class="tp-caption sfl watch"
                               data-x="-200"
                               data-y="40"
                               data-speed="500"
                               data-start="500"
                               data-width="['auto']"
                               data-height="['auto']"
                               data-easing=""  data-linktoslide="1" ><img src="images/watch.png" alt="Image 3"></div>-->
             
                          <!--<div class="tp-caption sfr speakers"
                               data-x="0"
                               data-y="400"
                               data-speed="500"
                               data-start="500"
                               data-width="['auto']"
                               data-height="['auto']"
                               data-easing=""  data-linktoslide="1" ><img src="images/speakers.png" alt="Image speakers"></div>-->
             
                                         
                     <div class="caption sfl"
                          data-x="0"
                          data-y="358"
                          data-speed="800"
                          data-start="1200"
                          data-easing=""  >
                         <a href="#contact" class="more">free quote</a>
                     </div>                 
                 
                     
                     <div class="caption sfl"
                          data-x="0"
                          data-y="290"
                          data-speed="1200"
                          data-start="800"
                          data-easing=""  >
                         <span class="caption_text">Professional repair service</span>
                     </div>
             
              </li>

              <!-- THE 2 SLIDE -->
              <li data-transition="turnoff" data-slotamount="1" data-masterspeed="300" >
                  <img src="images/blank.png" >           
                 <div class="tp-caption sfl slide-2-item-4"
                      data-x="800"
                      data-y="40"
                      data-speed="500"
                      data-start="1000"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-2-item-4.png" alt="Image 1"></div>
             
                  <div class="tp-caption sfb slide-2-item-1"
                       data-x="-180"
                       data-y="-120"
                       data-speed="500"
                       data-start="1400"
                       data-width="['auto']"
                       data-height="['auto']"
                       data-easing=""  ><img src="images/slide-2-item-1.png" alt="Image 1"></div>
                   
                 
                 <div class="tp-caption sfl slide-2-item-3"
                      data-x="640"
                      data-y="220"
                      data-speed="500"
                      data-start="100"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-2-item-3.png" alt="Image 1"></div>
                 
                 <div class="tp-caption sft slide-2-item-2"
                      data-x="400"
                      data-y="20"
                      data-speed="500"
                      data-start="500"
                      data-type="image"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-2-item-2.png" alt="Image 1"></div>
                 <div class="caption sfl"
                      data-x="0"
                      data-y="358"
                      data-speed="800"
                      data-start="1200"
                      data-easing=""  >
                     <a href="#contact" class="more">free quote</a>
                 </div>                 
                           
                 
                 <div class="caption sfl"
                      data-x="0"
                      data-y="290"
                      data-speed="1200"
                      data-start="800"
                      data-easing=""  >
                     <span class="caption_text">Professional tablet repair</span>
                 </div>
                                                                       
              </li>

              <!-- THE 3 SLIDE -->
             <li data-transition="turnoff" data-slotamount="1" data-masterspeed="300" >
                 <img src="images/blank.png" >           
                 <div class="tp-caption sfb slide-3-item-1"
                      data-x="-200"
                      data-y="100"
                      data-speed="500"
                      data-start="1000"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-3-item-1.png" alt="Image 1"></div>
                 
                 <div class="tp-caption sft elements slide-3-item-2"
                      data-x="center"
                      data-y="280"
                      data-speed="500"
                      data-start="100"
                      data-type="image"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-3-item-2.png" alt="Image 2"></div>
                 
                 <div class="tp-caption sfl slide-3-item-3"
                      data-x="520"
                      data-y="80"
                      data-speed="500"
                      data-start="500"
                      data-width="['auto']"
                      data-height="['auto']"
                      data-easing=""  ><img src="images/slide-3-item-3.png" alt="Image 3"></div>
             
                 <div class="caption sfl"
                      data-x="0"
                      data-y="358"
                      data-speed="800"
                      data-start="1200"
                      data-easing=""  >
                     <a href="#contact" class="more">free quote</a>
                 </div>                 
             
                 
                 <div class="caption sfl"
                      data-x="0"
                      data-y="290"
                      data-speed="1200"
                      data-start="800"
                      data-easing=""  >
                     <span class="caption_text">Office devices support</span>
                 </div>
                 
             </li>
             
          </ul>

          <div class="arrows">
            <a href="#" class="tp-leftarrow tparrows default"></a>
            <a href="#" class="tp-rightarrow tparrows default"></a>
          </div>
         
          <div class="tp-bullets simplebullets round hidebullets" ></div> 
         
          <!-- CORRED -->
          <div class="tp-bannertimer"></div>
      </div>


Thank you in advance