PhotoBrowser icons don't show

Questions
1

Hi. I’am using PhotoBrowser and I have one problem: I can’t see the arrows for next img or previous img and the text “back”. I tried with css but nothing works.
Can you help me, please?
Best regards and thanks.
Ana

2

Can you put some code.

3

Вы можете посмотреть в инспекторе, F12.

4

Hi fernando. Perhaps you are from Spain like me. My code is:
myApp.photoBrowser.create({

  •              type: 'popup',*

  •              theme: 'dark',*

  •              navbarOfText: 'de',*

  •              iconsColor: 'white',*

  •              backLinkText: 'Volver',*

  •              navbar: 'true',*

  •              toolbar: 'true',*

  •              photos : ResultadoCualPopup,*

  •          }).open();*

the var ResultadoCualPopup are the imgs that I get wiht json. It works but I can’t see the icons.
Thanks and Best Regards!!!

5

De España no, pero si de Argentina.
No ves los iconos, ni nada. Fíjate los CSS que estén bien. Que no falte nada.
Para probar podes cambiar estos parámetros dentro de swiper parameters

navigation: {
    nextEl: '.photo-browser-next',
    prevEl: '.photo-browser-prev',
  },

Para ver si te muestra los iconos.

6

Encantada de saludarte. Mi abuela era Argentina también. Qué tal vais con la pandemia? Por aquí encerrados en casa.
Los parámetros del swiper los tengo así:

swiper: {
initialSlide: 0,
spaceBetween: 20,
speed: 300,
loop: false,
preloadImages: true,
navigation: {
nextEl: ‘.photo-browser-next’,
prevEl: ‘.photo-browser-prev’,
},
zoom: {
enabled: true,
maxRatio: 3,
minRatio: 1,
},
lazy: {
enabled: true,
},
},

y el css:
.demo-swiper .swiper-slide {
font-size: 3vw;
font-weight: 200;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
color: #000;
}
.demo-swiper .swiper-slide {
box-sizing: border-box;
border: 1px solid #ddd;
background: #fff;
}
.demo-swiper {
margin: 0px 20px 35px;
font-size: 3vw;
height: 600px;
}
.demo-swiper.demo-swiper-auto .swiper-slide {
width: 85%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(2n) {
width: 70%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(3n) {
width: 30%;
}

Sólo veo el “1 de 5”, Los demás funcionan pero no los veo.
Gracias por contestarme. Un saludo

Anuska

7

Fíjate en el inspector de Chrome si te está generando los números intermedios y no los muestra. También en la consola si te da algún error.
En el código no veo nada raro. Pero no soy un experto.

Saludos y espero que puedas solucionar el error.

8

No me da ningún error y me está volviendo loca. También al ejecutar mi app me desaparece del móvil la linea superior (wifi, batería…). He mirado el status bar y todo lo que se me ocurre y nada. Sigue igual. SI te das cuenta de algo me dices. Gracias por atender mis dudas y un saludo

ANuska

9

Lo de la barra superior te desaparecer porque ejecutar la app en fullscreen mode true. Busca por ese lado.

10

Gracias Fernando. Ya lo he buscado pero sigue sin funcionar. Seguiré dando vueltas. Muchas gracias por tu ayuda. Un saludo desde España.
Anuska

11

Si usas cordova o phonegap para compilar la app,. el fullscreen lo modificas desde el config.xml
https://cordova.apache.org/docs/es/latest/config_ref/#preferencias-globales

<preference name="Fullscreen" value="false" />
12

Hola de nuevo Fernando. Nada funciona. Ya tenia puesto el fullscreen en false. Me deja solo un icono pero desaparecen los de la wifi, bateria, reloj. La barra está pero borra los iconos.
Los iconos del photobrowser tampoco los soluciono.
Estoy usando tambien el plugin “PhotoViewer Cordova Plugin” y quería que se cerrara la foto pasados unos segundos y tampoco soy capaz. También me falla el share (SocialSharing) con Whatsapp.
Ya tengo la app casi terminada pero con estos fallos que me traen de cabeza.
Gracias por tu ayuda. Un saludo
Anuska