Hi
Is it possible to have couchcms manage this slideshow coding so the client can add images to the slideshow, the coding is below
Thank you in advance
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