Swiper Navigation And Page - javascript

A few days ago I asked help for a kind of website. Now I kinda made it using idangero's swiper but since I need the bullet to desappear and show my own linked menu I'm forced to create a div menu.
The problem is that when I slide with mouse or tapping with my phone the menu doesn't activate the name of the page on the menu that I'm visiting.
Any hint?
Here is my page: http://www.meowgraphix.it/prova

I fixed the problem. The only thing is that hashes doesn't load the right panel but the main one automatically :'(

Related

bootstrap 4 mobile navigation menu will not stay open on home page only

http://jkdev.xyz/ohwala/index.html
I'm working on my first site using Bootstrap 4 beta. I realized the mobile navigation menu doesn't want to stay open on the HOME PAGE ONLY. When the hamburger icon is clicked the nav menu opens and then closes immediately. The menu page everything works fine. I've been googling to no avail.
Thank you in advance for your time! (FYI the site is not complete in case you come across other links, etc not working. My main issue currently is only the mobile navigation function)
I had assumed they would update the code inside the js files used in alpha. came to realize there were newer version of the libraries and popper.js to be added as well. rookie mistake huh!

Can't scroll/Drag the page Up and down by clicking on carousel section

I am trying to use this carousel
http://tympanus.net/Tutorials/ResponsiveImageGallery/
But without using bottom part, I am only using thumb section to show movie posters.
Everything works fine, but When i open my page on mobile, I can't scroll the page up and down by clicking on carousel image.
Please find the code files from this link. https://drive.google.com/file/d/0BzUuSGoEEtDxWVRRT0dWY2J4V0E/view?usp=sharing
Any help would be much appreciated.

Jquery/CSS3 slide up/down page transition

so i have a website with multiple pages and a navigation menu with links to the other pages.
i need a Jquery and/or CSS page transition that'll slide the page down, load new page and then slide that page back up.
This would be easy to do if the content of all the pages was in one single page, in different divs, and then i could just make a sort of carousel to show the div corresponding to the link that was clicked. Most of the answers i found applied to that situation. this is not the case though so that wouldn't work and i can't touch the html of the site!
css3 transitions work great when the page loads, but they also need to happen onbeforeunload, which is where the problem lies. i can use jquery to give the divs a class onbeforeunload, which works, but it unloads before the animations even start happening.
I've tried this plugin:
https://rawgit.com/votum/page-transitions/master/demo/index.html
but it looks very glitchy and doesn't work properly.
any ideas?
You can check out accordion to show content of selected menu item.
https://jqueryui.com/accordion/

Slide content on a page instead of loading each menu bar page

I'm new to web development. I'm making a site for a non-profit organization and I need some help. I am building a menu bar but instead of having to load each page separately, I am thinking of incorporating all the content on the same page. Only difference is that the new content will slide from the right whenever a new link is clicked.
Please check out www.pakgeosoc.org to see what i'm saying. I want to build a menu bar of this sort that will slide content from left or right whenever new link from menu bar is clicked.
I know this can easily be done using javascript. A simple explanation of how would be great! :)
P.S. The website I am building is a sister site of this website and my client (who owns this website) wants me to follow this template.
You may want to check these questions asked before:
JS or Css page slide transition between 2 full pages
slide between pages using jQuery

Conflicting components Joomla

Can't clear the problem with conflicting modules and menu. I have tried to disable jQuery and JS, use non conflict but there is a problem with mobile menu (you should minimize browser window to see mobile menu) on the website. Sometimes it appears on homepage when mobile menu goes behind the slider and is not visible. However if you go to NEWS page you will see calendar icon also conflicting with mobile menu. Do anyone have any solution?
Thank you!
You need to order the elements with z-index in the right order.
Add this code to your css file templates/shaper_helix_ii/css/template.css
.sp-mobile-menu{z-index: 9999;}
.sp-main-menu-toggler{z-index: 99999;}

Categories