I'm trying to get https://github.com/alvarotrigo/fullPage.js/#fullpagejs to work properly inside RSD. However, I keep having trouble properly telling RSD to use the code. I've done some research, and have been able to successfully initialize some other types of js. Such as https://gijsroge.github.io/tilt.js/.
I can see that I've correctly referenced the file when I preview the page; then view the source code. But I'm unable to actually get the effect working.
Any help would be great!
How to correctly, and consistently...
TFH
Registered User
45 posts
Twinstream
Registered User
811 posts
Here is a simple barebones project setup example if it helps...
Bootstrap 5 CSS Grid.
Eric Rohloff
Senior Advisor
20,188 posts
Hi Bas,
I see fullPage.js and fullpage.js.
Are you sure your links are correct? Keep all scripts and variables and links lower case to prevent confusion.
I see fullPage.js and fullpage.js.
Are you sure your links are correct? Keep all scripts and variables and links lower case to prevent confusion.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Twinstream
Registered User
811 posts
May want to also skip linking to the fullpage.css file they have as it uses table-cells. That will let you freely design using SD4
Bootstrap 5 CSS Grid.
TFH
Registered User
45 posts
Twinstream wrote:
*snip*
*snip*
This does help. I'm assuming that I was not referencing fullpage.js incorrectly in the footer 'page manager'
Eric Rohloff wrote:
*snip*
*snip*
This is probably my error, and the reason I was not seeing the results I was expecting.
Twinstream wrote:
*snip*
*snip*
The exsample of fullpage you provided. I noticed some styling was applied in the script
sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff']
});
});
Is this what you're mentioning that could be left out?
Either way I'm able to at least get it working. appreciate the help folks!
Cheers
TFH
Registered User
45 posts
After working with fullpage.js all morning. I know it's definitely going to be cool once I get it how I want.
However, I've come into a problem. When trying to add indicators to navigate rather than scrolling. I'm having difficulty getting this to play nice. I'll upload what I've done so far. In hopes that someone more experienced can help me solve this issue.
Thanks!
However, I've come into a problem. When trying to add indicators to navigate rather than scrolling. I'm having difficulty getting this to play nice. I'll upload what I've done so far. In hopes that someone more experienced can help me solve this issue.
Thanks!
TFH
Registered User
45 posts
The file I uploaded in my last post was missing the js to run fullpage.
.zip now has the correct JavaScript files
.zip now has the correct JavaScript files
Twinstream
Registered User
811 posts
Navagation is false in the default parameters for the initiation script.
You will need to also use the css stylesheet of frontpage to get styles. Link in the Head section.
Usually a jquery plugin has a stylesheet, the jquery plugin script, and then a user script that initiates the plugin with all the parameter settings.
You will need to also use the css stylesheet of frontpage to get styles. Link in the Head section.
Usually a jquery plugin has a stylesheet, the jquery plugin script, and then a user script that initiates the plugin with all the parameter settings.
Bootstrap 5 CSS Grid.
TFH
Registered User
45 posts
Twinstream wrote:
*snip*.
*snip*.
!
Twinstream
Registered User
811 posts
Yes, it gets the styles from the stylesheet.
You could as another option turn off the navigation, and then add your own navigation so you could style and position it yourself.
You can see the nav at the bottom of the page when its dynamically created when using the "navigation true" setting. It shows up in the browser at the bottom of the page after the scripts when using my Chrome Inspector.
You could as another option turn off the navigation, and then add your own navigation so you could style and position it yourself.
You can see the nav at the bottom of the page when its dynamically created when using the "navigation true" setting. It shows up in the browser at the bottom of the page after the scripts when using my Chrome Inspector.
Bootstrap 5 CSS Grid.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
