javascript - fullpage.js incompatibility issue with mobile.js and camera.js -
while trying setup image gallery encountered issue when calling camera.js (here) , mobile.js (here) along fullpage.js [(by alvaro trigo)]. problem whenever click on of hyperlinks in top navbar, won't work. there's 1 though, redirects page instead of section. works fine without gallery's scripts, , when imported, works except of above. can me out here?
thanks in advanced.
just in case, here's navbar code:
<ul id="menu"> <li data-menuanchor="inicio" class="active normalmenu"><a href="#inicio">inicio</a></li> <li data-menuanchor="descripcion" class="normalmenu submenuact"><a href="#quees">qué es rien pipe</a> <div id="submenuact2"> <ul id="submenu"> <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion">descripción de rien pipe</a></li> <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion/1">la diferencia</a></li> <li data-menuanchor="descripcion" class="noborder"><a href="#descripcion/2">mecanismo</a></li> </ul> </div> </li> <li data-menuanchor="quienessomos" class="normalmenu"><a href="#quienessomos">quiénes somos</a></li> <li data-menuanchor="preguntasfrecuentes" class="normalmenu"><a href="#preguntasfrecuentes">preguntas frecuentes</a></li> <li data-menuanchor="testimonios" class="normalmenu"><a href="#testimonios">testimonios</a></li> <li data-menuanchor="contacto" class="normalmenu"><a href="#contacto">contacto</a></li> <li class="normalmenu"><a href="http://rienpipe.cloudapp.net/es/home/11-rien-pipe-primera-etapa.html">hacer un pedido</a></li> </ul>
and gallery section:
<div class="camera_pos"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> <div data-src="imgs/banner1.png"> </div> <div data-src="imgs/banner2.png"> </div> <div data-src="imgs/banner3.png"> </div> </div> </div>
it sounds not initializing other plugins inside afterrender
callback detailed in fullpage.js documentation:
afterrender()
this callback fired after structure of page generated. this callback want use initialize other plugins or fire code requires document ready (as plugin modifies dom create resulting structure).
$.fn.fullpage({ afterrender: function(){ //your plugins initialization here alert("the resulting dom stucture ready"); } });
Comments
Post a Comment