Solución a problema de carga lenta en slider

srlemuuur Seguir

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
2 Ene 2014
Mensajes
368
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 -->
 
Arriba