Solución a problema de carga lenta en slider

  • Autor Autor srlemuuur
  • Fecha de inicio Fecha de inicio

srlemuuur

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenos dias,

Tengo un problema con un slider, el problema es que me tarda mucho en cargar y barajo dos opciones:

  1. Crear un Pop-UP de Newsletter|Socios mientras se carga el slider.
  2. Eliminar las capas.

¿Como puedo solucionar la carga?

Gracias


WEB

Insertar CODE, HTML o PHP:
<div class="fullwidthbanner-container">
                <!-- .fullwidthbanner start -->
                <div class="fullwidthbanner">
                    <ul>
			<li data-transition="boxfade" data-slotamount="20">
                            <img src="img/slider/voltosvscobras.jpg" "alt="Mallorca Voltors VS Murcia Cobras">

							
			<div class="caption lfl regular_title" data-x="300" data-y="300" data-speed="500" data-start="1300" data-easing="easeOutBack">MALLORCA VOLTORS <span style="color:orange; font-size:24px;">vs</span> Murcia Cobras</div>
			<div class="caption randomrotate" data-x="355" data-y="375" data-speed="700" data-start="1400" data-easing="easeOutBack"><span style="color:white; padding:0px 30px; border-radius:5px; background:orange;font-size:30px; font-family:'Oswald', Arial, sans-serif';">DOMINGO, 19 DE ENERO 2014 - 12:00H</span></div>
		        <div class="caption randomrotate" data-x="390" data-y="430" data-speed="700" data-start="1400" data-easing="easeOutBack"><span style="color:white; padding:0px 30px; border-radius:5px; background:#333;font-size:24px; font-family:'Oswald', Arial, sans-serif';">12:00H  |  CAMPO MUNICIPAL SON MOIX</span></div>
						
						</li>
		<!-- ********************************    F I J O  ********************************  -->
                        <li data-transition="boxfade" data-slotamount="20">
                            <img src="img/slider/bkg-1.jpg" alt="VOLTORS">
                            <div class="caption lfl"  data-x="770" data-y="70" data-speed="700" data-start="1900" data-easing="easeOutBack"><img src="img/slider/slide1-1.png" alt="image"/></div>
                           


							<div class="caption lfl regular_title" data-x="0" data-y="130" data-speed="500" data-start="2300" data-easing="easeOutBack">"Comienza el Espectaculo"</div>
                            <div class="caption randomrotate regular_list" data-x="0" data-y="190" data-speed="700" data-start="2900" data-easing="easeOutBack">JORNADA 2: VOLTORS VS COBRAS</div>
                            <div class="caption randomrotate regular_list" data-x="0" data-y="235" data-speed="700" data-start="3100" data-easing="easeOutBack">JORNADA 4: RICERS VS VOLTORS</div>
                            <div class="caption randomrotate regular_list" data-x="0" data-y="280" data-speed="700" data-start="3300" data-easing="easeOutBack">JORNADA 5: VOLTORS VS SHARKS</div>
                            <div class="caption randomrotate regular_button" data-x="0" data-y="350" data-speed="700" data-start="3600" data-easing="easeOutBack"><a href="partidos.php" style="text-decoration:none; color:#fff;">TODAS LAS JORNADAS</a></div>
							<div class="caption randomrotate regular_button" data-x="170" data-y="350" data-speed="900" data-start="3800" data-easing="easeOutBack"><a href="http://www.voltors.net/post.php?id=144" style="text-decoration:none; color:#fff;">M&Aacute;S INFORMACI&Oacute;N</a></div>
						</li>
						
						<!-- ********************************    N O T I C I A   ********************************  -->
						
						<!--<li data-transition="slidehorizontal" data-slotamount="20">
                            <img src="img/slider/bkg-3.jpg" alt="VOLTORS">                            
                            <div class="caption randomrotate regular_title" data-x="765" data-y="170" data-speed="800" data-start="1500" data-easing="easeOutBack">SIENTETE UN VOLTOR!</div>
                            <div class="caption randomrotate regular_subtitle" data-x="665" data-y="220" data-speed="500" data-start="2100" data-easing="easeOutBack">Hazte con nuestro merchandising</div>
                            <div class="caption randomrotate regular_button" data-x="1065" data-y="280" data-speed="500" data-start="2600" data-easing="easeOutBack"><a href="partidos.php" style="text-decoration:none; color:#fff;">M&Aacute;S INFORMACI&Oacute;N</a></div>
                        </li>-->
						<li data-transition="boxfade" data-slotamount="20">
                            <img src="img/slider/bkg-5.jpg" alt="VOLTORS">
							
                            <div class="caption randomrotate" data-x="30" data-y="95" data-speed="500" data-start="1300" data-easing="easeOutBack"><a href="#"><img src="img/slider/slide4-2.png" alt="VOLTORS"/></a></div>
                            <div class="caption randomrotate" data-x="720" data-y="95" data-speed="700" data-start="1900" data-easing="easeOutBack"><a href="#"><img src="img/slider/slide4-3.png" alt="VOLTORS" /></a></div>
                            <div class="caption randomrotate" data-x="390" data-y="105" data-speed="500" data-start="2700" data-easing="easeOutBack"><a href="#"><img src="img/slider/slide4-1.png" alt="VOLTORS" /></a></div>
                            <div class="caption lft regular_title" data-x="345" data-y="40" data-speed="700" data-start="2900" data-easing="easeOutBack">CONSIGUE NUESTRO MERCHANDISING</div>
                        </li>
						
						
						<!-- ********************************    F I J O  ********************************  -->
						
						<li data-transition="slidevertical" data-slotamount="20">
                            <img src="img/slider/bkg-2.jpg" alt="VOLTORS">
							<div class="caption lfr"  data-x="702" data-y="8" data-speed="500" data-start="1900" data-easing="easeOutBack"><img src="img/slider/slide2-1.png" alt="image"/></div>
                            <div class="caption lft"  data-x="502" data-y="270" data-speed="700" data-start="3000" data-easing="easeOutBack"><img src="img/slider/slide2-2.png" alt="image"/></div>
                            <div class="caption randomrotate"  data-x="540" data-y="134" data-speed="700" data-start="2400" data-easing="easeOutBack"><img src="img/slider/slide2-3.png" alt="image"/></div> 

                            <a href="#"><div class="caption regular_title randomrotate" data-x="0" data-y="160" data-speed="500" data-start="1300" data-easing="easeOutBack">VOLTORS MAGAZINE #1</div></a>
                            <div class="caption regular_subtitle randomrotate" data-x="0" data-y="220" data-speed="700" data-start="1700" data-easing="easeOutBack">NO TE PUEDES QUEDAR SIN VERLO</div>
                            <div class="caption regular_subtitle randomrotate" data-x="0" data-y="270" data-speed="700" data-start="1700" data-easing="easeOutBack">SIGUENOS EN LAS REDES SOCIALES</div>
							<a href="https://www.facebook.com/voltorscfa"><div class="caption lft" data-x="0" data-y="320" data-speed="700" data-start="2100" data-easing="easeOutBack"><img src="img/slider/slide5-1.png" alt="VOLTORS FACEBOOK" /></div></a>
                            <a href="https://www.twitter.com/cfavoltos"><div class="caption lft" data-x="54" data-y="320" data-speed="700" data-start="2400" data-easing="easeOutBack"><img src="img/slider/slide5-2.png" alt="VOLTORS TWITTER" /></div></a>
                            <a href="flickr.com/photos/voltors_cfa"><div class="caption lft" data-x="110" data-y="320" data-speed="700" data-start="2700" data-easing="easeOutBack"><img src="img/slider/slide5-3.png" alt="VOLTORS FLICKR" /></div></a>
                            <a href="http://issuu.com/voltorscfa/docs/dossier_2014"><div class="caption lft regular_button" data-x="0" data-y="375" data-speed="700" data-start="2900" data-easing="easeOutBack">M&Aacute;S INFORMACI&Oacute;N</div></a>
                        </li>
						
						
						<!-- ********************************    N O T I C I A   ********************************  -->
						
						
						


                    </ul>

                    <div class="tp-bannertimer tp-bottom"></div>

                </div><!-- .fullwidthbanner end -->
            </div><!-- .fullwidthbanner-container end -->