Activa las notificaciones push PhoneGap Spain

Foro

Home Forums PhoneGap no muestra las imagenes en la aplicacion terminada, idangeorus.swiper

This topic contains 9 replies, has 5 voices, and was last updated by Jose Jesus Perez Rivas Jose Jesus Perez Rivas 6 dias, 23 horas .

Viendo 10 respuestas - de la 1 a 10 (de 10 en total)
  • no muestra las imagenes en la aplicacion terminada, idangeorus.swiper

    Intervenciones
  • felipe cristancho 
    Participant

    buen dia !!

    he venido plantear un problema que me trae loco, instala la aplicacion en el sdk y en el movil todo funciona perfectamente menos las imagenes no las muestra que podria ser otro problema es monto el plugin de indagerous.swiper para que cada imagen con su titulo se pasen horizontalmente no me funciona siempre queda en modo vertical , una solucion rapida ??????

    gracias

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    43.
    44.
    45.
    46.
    47.
    48.
    49.
    50.
    51.
    52.
    53.
    54.
    55.
    56.
    57.
    58.
    59.
    60.
    61.
    62.
    63.
    64.
    65.
    66.
    67.
    68.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SENA mantenimiento</title>

    <link rel="stylesheet" href="jquery.mobile-1.4.2.min.css"/>
    <script src="jquery-1.9.1.min.js"></script>
    <script src="jquery.mobile-1.4.2.min.js"></script>

    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <script defer src="js/idangerous.swiper.min.js"></script>


    </head>



    <body>

    <div data-role="page" id="inicio">

      <div data-role="header" data-theme="c" data-position="fixed">
        <h1>MANTENIMIENTO</h1>
        </div>
        
         <div align="center"><img src="logo.png" width="300" height="420" alt="alien" />
         </div>
        <div data-role="content">  
      
          <a href="#comenzar">COMENZAR</a>
          
      </div>
      <div data-role="footer" data-position="fixed">
        <h4 style="color:#0C0">SENA Más Trabajo</h4>
      </div>
    </div>

    <div data-role="page" id="comenzar" data-position="fixed">
      <div data-role="header" data-theme="c">
        <h1>Mantenimiento</h1>
          <a href="#inicio"></a>
        </div>
      <div data-role="content">  
        <ul data-role="listview">
        
          <li><a href="computador.html">Desensamble de computo</a></li>
                
                <li><a href="preventivo.html">Mantenimiento Preventivo</a></li>
                
                <li><a href="instalacion.html">Instalación windows </a></li>
                        
                <li><a href="ponchado.html">Ponchado de fibra óptica y coaxial</a></li>
                
                <li><a href="herramientas.html">Uso de herramientas</a></li>
                
        </ul>    
            
      </div>
      <div data-role="footer" data-position="fixed">
        <h4 style="color:#0C0">SENA Más Trabajo</h4>
      </div>
    </div>


        
    </body>
    </html>

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    43.
    44.
    45.
    46.
    47.
    48.
    49.
    50.
    51.
    52.
    53.
    54.
    55.
    56.
    57.
    58.
    59.
    60.
    61.
    62.
    63.
    64.
    65.
    66.
    67.
    68.
    69.
    70.
    71.
    72.
    73.
    74.
    75.
    76.
    77.
    78.
    79.
    80.
    81.
    82.
    83.
    84.
    85.
    86.
    87.
    88.
    89.
    90.
    91.
    92.
    93.
    94.
    95.
    96.
    97.
    98.
    99.
    100.
    101.
    102.
    103.
    104.
    105.
    106.
    107.
    108.
    109.
    110.
    111.
    112.
    113.
    114.
    115.
    116.
    117.
    118.
    119.
    120.
    121.
    122.
    123.
    124.
    125.
    126.
    127.
    128.
    129.
    130.
    131.
    132.
    133.
    134.
    135.
    136.
    137.
    138.
    139.
    140.
    141.
    142.
    143.
    144.
    145.
    146.
    147.
    148.
    149.
    150.
    151.
    152.
    153.
    154.
    155.
    156.
    157.
    158.
    159.
    160.
    161.
    162.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin título</title>

    <link rel="stylesheet" href="jquery.mobile-1.4.2.min.css"/>
    <script src="jquery-1.9.1.min.js"></script>
    <script src="jquery.mobile-1.4.2.min.js"></script>

    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <script defer src="js/idangerous.swiper.min.js"></script>

    <script type="text/javascript">
    /*======
    Use document ready or window load events
    For example:
    With jQuery: $(function() { ...code here... })
    Or window.onload = function() { ...code here ...}
    Or document.addEventListener('DOMContentLoaded', function(){ ...code here... }, false)
    =======*/

    window.onload = function() {
      var mySwiper = new Swiper('.swiper-container',{
        //Your options here:
        mode:'horizontal',
        loop: true
        //etc..
      });  
    }

    /*
    Or with jQuery/Zepto
    */
    $(function(){
      var mySwiper = $('.swiper-container').swiper({
        //Your options here:
        mode:'horizontal',
        loop: true
        //etc..
      });
    })

    </script>
    </head>

    <body>

    <div data-role="page" >
      <div data-role="header" data-theme="c" data-position="fixed">
        <h1>Windows 8</h1>
            <a href="index.html #comenzar"></a>
            
        
         </div>
      
            <div class="swiper-container">
               <div class="swiper-wrapper">
              
                    
                   <div class="swiper-slide">
                        <div align="center"><p>1. Se inserta el cd de instalacion.</p>
                        <img src="images/win.jpg" width="320" height="250" alt="win" /></div>
                   </div>
            
                   <div class="swiper-slide">              
                        <div align="center"><p>2. Se ingresa al SETUP del computador para configurar el arranque desde la unidad optica.</p>
                        <img src="images/win1.jpg" width="320" height="250" alt="win1" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>3. Se presiona cualquier tecla para iniciar desde el cd de instalación de Windows.</p>
                        <img src="images/win2.jpg" width="320" height="250" alt="win2" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>4. Al iniciar el programa de instalacion se selecciona el idioma, foramto de hora y teclado.</p>
                        <img src="images/win3.jpg" width="320" height="250" alt="win3" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>5. Se selecciona la edicion segun la arquitectura de su computador.</p>
                        <img src="images/win4.jpg" width="320" height="250" alt="win4" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>6. Se selecciona el tipo de instalacion que desee segun el computador.</p>
                        <img src="images/win5.jpg" width="320" height="250" alt="win5" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>7. Se realiza la particion del disco duro segun desee el usuario.</p>
                        <img src="images/win6.jpg" width="320" height="250" alt="win6" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>8. Durante la instalación el computador se reiniciara varias veces.</p>
                        <img src="images/win7.jpg" width="320" height="250" alt="win7" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>9. Se escribe la clave del producto.</p>
                        <img src="images/win8.jpg" width="320" height="250" alt="win8" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>10. Se selecciona nombre del equipo y color de fondo segun desee el usuario.</p>
                        <img src="images/win9.jpg" width="320" height="250" alt="win9" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>11. Se selecciona la configuración de windows.</p>
                        <img src="images/win10.jpg" width="320" height="250" alt="win10" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>12. Se configura la sesion de windows con el correo outlook.</p>
                        <img src="images/win11.jpg" width="320" height="250" alt="win11" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>13. Si no se desea iniciar la sesión con la cuenta de Outlook se selecciona la opción de Iniciar sesión sin una cuenta de Microsoft.</p>
                        <img src="images/win12.jpg" width="320" height="250" alt="win12" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>14. Se inicia ssesion con una cuenta local.</p>
                        <img src="images/win13.jpg" width="320" height="250" alt="win13" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>15. Se selecciona un nombre de usuario y/o contraseña segun desee el cleinte.</p>
                        <img src="images/win14.jpg" width="320" height="250" alt="win14" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>16. Windows le da al usuario una corta introducción de como usar Windows 8.</p>
                        <img src="images/win15.jpg" width="320" height="250" alt="win15" /></div>
                   </div>
            
                   <div class="swiper-slide">
                        <div align="center"><p>17. Se prepara Windows para su primer uso.</p>
                        <img src="images/win16.jpg" width="320" height="250" alt="win16" /></div>
                   </div>
            
                   <div class="swiper-wp8-horizontal">
                        <div align="center"><p>18. De este modo queda instalado el SO Windows 8.</p>
                        <img src="images/win17.jpg" alt="win17" width="320" height="250" /></div>
                   </div>
                  
               </div>
            </div>



      <div data-role="footer" data-position="fixed">
        <h4 style="color:#0C0">SENA Más Trabajo</h4>
        </div>  
        
        
    </body>
    </html>

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    43.
    44.
    45.
    46.
    47.

    <?xml version="1.0" encoding="UTF-8"?>
      <widget xmlns = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        id        = "com.phonegap.example"
        versionCode=""
        version   = "1.0.0">
        <name>mantenimiento app</name>
        <description>
    aplicacion desarrollada por aprendices del sena.    </description>
        <author href="https://example.com" email="tanchoandfe@hotmail.com">
    andres felipe critancho
        </author>
        <preference name="phonegap-version" value="3.1.0" />
        <preference name="fullscreen" value="false" />
        <preference name="webviewbounce" value="true" />
        <preference name="prerendered-icon" value="false" />
        <preference name="stay-in-webview" value="false" />
        <preference name="ios-statusbarstyle" value="default" />
        <preference name="detect-data-types" value="true" />
        <preference name="exit-on-suspend" value="false" />
        <preference name="show-splash-screen-spinner" value="true" />
        <preference name="auto-hide-splash-screen" value="true" />
        <preference name="EnableViewportScale" value="false" />
        <preference name="MediaPlaybackRequiresUserAction" value="false" />
        <preference name="AllowInlineMediaPlayback" value="false" />
        <preference name="BackupWebStorage" value="cloud" />
        <preference name="TopActivityIndicator" value="gray" />
        <preference name="KeyboardDisplayRequiresUserAction" value="true" />
        <preference name="HideKeyboardFormAccessoryBar" value="false" />
        <preference name="SuppressesIncrementalRendering" value="false" />
        <preference name="android-minSdkVersion" value="7" />
        <preference name="android-installLocation" value="internalOnly" />
        <preference name="SplashScreenDelay" value="5000" />
        <preference name="ErrorUrl" value=""/>
        <preference name="BackgroundColor" value=""/>
        <preference name="KeepRunning" value="true"/>
        <preference name="DisallowOverscroll" value="false"/>
        <preference name="LoadingDialog" value=""/>
        <preference name="LoadUrlTimeoutValue" value="20000" />
        <preference name="disable-cursor" value="false" />
        <preference name="idangerous.swiper" value="true" />
        <gap:platform name="ios" />
        <gap:platform name="android" />
        <gap:platform name="winphone" />
        <icon src="logo.png" gap:platform="android" gap:density="mdpi" />
        <gap:splash src="logo.png" gap:platform="android" gap:density="ldpi" />
      </widget>


    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Buenas Felipe, antes de nada comentarte que dispones de un botón en la caja de texto del foro para compartir código y que este aparezca bien formateado.

    Por otro lado recomendarte que realices cargas asíncronas para cargar los contenidos de tus htmls. Por lo que veo estás haciendo un cambio de url, esto implica una carga por cada vez que realices esta función de todos los js, css y demás.

    Por ejemplo te puedes crear una capa en tu archivo index.html principal, y dentro de esta capa cargar mediante jquery o xui o ajax los htmls “computador, preventivo,…”

    Creo que tu problema viene por una mala referencia a tus imágenes. Están locales dentro de tu carpeta images?

    Saludos, espero te sea de ayuda ;)


    CEO y Director de desarrollo en Cero y Uno Desarrollamos Aplicaciones – ¿tienes algún proyecto? ¡trabajemos juntos! contacto@ceroyuno.eshttp://www.ceroyuno.es Fundador de PhoneGap Spain http://www.phonegapspain.com Twitter: https://twitter.com/JoseJ_PR


    felipe cristancho 
    Participant

    las imagenes las he puesto dentro de la carpeta images, en otra carpeta diferente y fuera de ella aun asi no funciona. que podria ser ???


    jedelwey
    jedelwey 
    Participant

    Seguramente no sea esto pero has mirado que no sea la foto jpeg? Más de una vez me ha pasado eso.


    Web: http://www.jedelwey.com Email de contacto: info[@] jedelwey[.]com Twitter: @jedelwey


    felipe cristancho 
    Participant

    pues las imagenes no tienen problema, que solucion le ah dado ??


    jedelwey
    jedelwey 
    Participant

    A mi me pasaba a veces que tenía una imagen con y era lo que tenía que poner. Hay veces que la foto está comprimida y se guarda como jpeg. Si no es eso, no sé que puede ser


    Web: http://www.jedelwey.com Email de contacto: info[@] jedelwey[.]com Twitter: @jedelwey


    felipe cristancho 
    Participant

    voy a intentar gracias, por si algo tendre que buscar otra solucion ??


    pcservicespanama 
    Participant

    tengo el mismo problema alguna solución ayuda por favor


    Gary Page Acosta 
    Participant

    Disculpa
    Cuando corro mi sevidor me muestra las imagenes que agregue de fono
    pero cuando creo la apk y la ingreso a algun movil, ya no me aparecen las imagenes
    Que podria ser?????


    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Hola @gary_page_acosta,

    Revisa que tengas agregado el plugin “whitelist” en tu config.xml y que tengas habilitado el acceso a la url de tu server, revisa esta docu que te será de ayuda:

    https://www.npmjs.com/package/cordova-plugin-whitelist

    Saludos!


    CEO y Director de desarrollo en Cero y Uno Desarrollamos Aplicaciones – ¿tienes algún proyecto? ¡trabajemos juntos! contacto@ceroyuno.eshttp://www.ceroyuno.es Fundador de PhoneGap Spain http://www.phonegapspain.com Twitter: https://twitter.com/JoseJ_PR


Viendo 10 respuestas - de la 1 a 10 (de 10 en total)

You must be logged in to reply to this topic.