Reply To: Revolution Slider does not work on Chrome

[Robert Kavgić]

Ok, so i modified original template using your images and text. Everything is working fine in chrome.

The code i used is: (you can copy-paste it to your index.html file as it is and it should work)

<!-- slide 2 start Hand -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
	<!-- main image -->
	<img src="img/slider/slide-2-1.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />

	<!-- layer 1 -->
	<div class="tp-caption regular lft"
		 data-x="0"
		 data-y="80"
		 data-speed="600"
		 data-start="1000"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><span style="color: #fff;"><b>Diseño</b>-<b>Inmobiliaria</b>-<b>Construcción</b>.</span>

	</div>

	<!-- layer 2 -->
	<div class="tp-caption regular small sfl"
		 data-x="405"
		 data-y="130"
		 data-speed="600"
		 data-start="1500"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><span style="color: #fff;">Esto es DICONSAT.</span>
	</div>

	<!-- layer 3 -->
	<div class="tp-caption sfr"
		 data-x="520"
		 data-y="45"
		 data-speed="600"
		 data-start="1500"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><img src='img/slider/slide-2-2.png' alt='slider image'/>
	</div>

	<!-- layer 4 -->
	<div class="tp-caption list-left sfl"
		 data-x="0"
		 data-y="170"
		 data-speed="600"
		 data-start="2200"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><p>Calidad en el diseño e infraestructura</p>
	</div>

	<!-- layer 5 -->
	<div class="tp-caption list-left sfl"
		 data-x="0"
		 data-y="230"
		 data-speed="600"
		 data-start="2500"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><p>Asesoría en inversión de inmuebles</p>
	</div>

	<!-- layer 6 -->
	<div class="tp-caption list-left sfl"
		 data-x="0"
		 data-y="290"
		 data-speed="600"
		 data-start="2700"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><p>Construcción de obras civiles y servicios</p>
	</div>
</li>

<!-- slide 3 start Mobile -->
<li data-transition="fade" data-slotamount="15" data-masterspeed="1500">
	<!-- main image -->
	<img src="img/slider/slide-3-1.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />

	<!-- layer 1 -->
	<div class="tp-caption regular lft"
		 data-x="220"
		 data-y="55"
		 data-speed="600"
		 data-start="1000"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><span style="color: #fff;"><b>Sistemas</b> & <b>Tecnología</b>.</span>
	</div>

	<!-- layer 2 -->
	<div class="tp-caption regular sfl"
		 data-x="200"
		 data-y="120"
		 data-speed="600"
		 data-start="1500"
		 data-easing="Back.easeOut"
		 data-endspeed="300"><img src='img/slider/slide-3-2.png' alt='mobile devices'/>
	</div>

	<!-- layer 3 -->
	<div class="tp-caption list-right sfl"
		 data-x="160"
		 data-y="180"
		 data-speed="600"
		 data-start="2000"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Desarrollo de aplicaciones</p>
	</div>

	<!-- layer 4 -->
	<div class="tp-caption list-right sfl"
		 data-x="70"
		 data-y="240"
		 data-speed="600"
		 data-start="2300"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Servicios de Networking</p>
	</div>

	<!-- layer 3 -->
	<div class="tp-caption list-right sfl"
		 data-x="60"
		 data-y="300"
		 data-speed="600"
		 data-start="2600"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Asesoría en IT</p>
	</div>

	<!-- layer 4 -->
	<div class="tp-caption list-left sfr"
		 data-x="900"
		 data-y="180"
		 data-speed="600"
		 data-start="2900"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Dispositivos electrónicos</p>
	</div>

	<!-- layer 5 -->
	<div class="tp-caption list-left sfr"
		 data-x="870"
		 data-y="240"
		 data-speed="600"
		 data-start="3200"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Sistemas inteligentes</p>
	</div>

	<!-- layer 6 -->
	<div class="tp-caption list-left sfr"
		 data-x="840"
		 data-y="300"
		 data-speed="600"
		 data-start="3500"
		 data-easing="Back.easeOut"
		 data-endspeed="500"><p>Soporte Técnico</p>
	</div>
</li>