Complete, flexible, extensible, and easy to use page transition library for your web.
Questions tagged [swup]
25 questions
2
votes
0 answers
SWUP changing CSS files and the effects on fade in animations (HeadPlugin)
Hi I encountered a problem with how the HeadPlugin is effecting animations and determined a work around and thought I'd post it here, in-case anybody is running into the same issue. Also all of this may be misinformed and I might be missing…
justaweeb
- 21
- 2
1
vote
0 answers
Can you target only links in navigation to make transition using swupjs?
Title of the question says it all, swupjs documentation said that you can target links with object like:
const options = {
linkSelector:
'a[href^="' +
window.location.origin +
'"]:not([data-no-swup]), a[href^="/"]:not([data-no-swup]),…
luka_dod
- 11
- 1
1
vote
0 answers
Swup Change animation when clicking different buttons
I am trying to change the animation from the main-swup. For example when i'm clicking the first button, the animation between pages should change from left to right, when i'm clicking the the other button it should animate the other way.
in…
Rienco
- 11
- 3
1
vote
0 answers
Swup animations
I am using swup for page transitions but nothing ever happens for my specific website. I got it to work on a simple two-page HTML example website, but doing the exact same thing for my portfolio is not working. I have been trying to figure this out…
Kim Lachance
- 43
- 6
0
votes
0 answers
When link clicked element is animating and stops
I have just got started with swup.js. I am trying to implement it on my own. everything went well but when I click on a link, it is animating but not moving forward to the next page (linked Page). it just stops there. and console says some errors..…
kiku_here
- 3
- 3
0
votes
0 answers
How does one configure custom page swups
I have watched a few tutorials on Swup;
https://www.youtube.com/watch?v=mWeYMyN5-oo&t=134s
https://www.youtube.com/watch?v=eVwH3VL1EsA
Theyre pretty good for the basics and I managed to implement some fairly basic animation.
However, I would like to…
Another_Scooble
- 1
- 1
0
votes
1 answer
Flickity & Swup - destroying flickity
I am trying to destroy and re-load my Flickity slideshow while using Swup for page transitions, and I am not having much luck. This is my js file:
import Swup from 'swup';
var Flickity = require('flickity');
function init() {
if…
Mike Harrison
- 840
- 1
- 14
- 37
0
votes
0 answers
Bug Swup.loadPage not working on my Laravel project
I would need help with the Javascript Swup library.
When clicking on the "Next" button Swup launches the animation but does not load the next page.
I work with Laravel Framework.
Here is my layout which contains the container for Swup:
When…
Valentin__
- 16
0
votes
1 answer
Why Swup.js does not handle relative links?
I'm testing Swup.js
As far as I see it doesn't work with relative links. Like this;
Go page
Screenshoot for link in DOM
For this you need to enter the URL with the full path. But this may be undesirable. Relativity is used…
John Marti
- 27
- 4
0
votes
0 answers
Flickity in Swup
I don't know if this is the right place, but maybe someone can help me.
I'm trying to use Flickity in my Swup container.
var elem = document.querySelector('.main-carousel');
var flkty = new Flickity( elem, {
// options
cellAlign: 'left',
…
0
votes
0 answers
Swup js it doesn't make transition and refresh the page
I'm trying to use swup js on MAMP, whatching many times the video tutorial but it doesn't work for me... this is the basic example from the docs... can you help me to understand where I am wrong? The link change the page without transition and…
Lorenzo Franzone
- 61
- 7
0
votes
0 answers
Multilingual website with custom theme with swup.js
I am trying to understand if I can realize a multilanguage website with a custom theme developed also with swup.js, a library who allow the header and the footer get fixed when there is a change of page, for a better UX.
Hi texted Polylang and…
CarlVarsh
- 3
- 4
0
votes
0 answers
How to make Jquery setTimeout() function work after page transition in swup or other libraries?
I have a index.html with some animations using setTimeout function and have a link to about.html.
I'm using swup for page transition. But when I move to about.html then come back to index.html
nothing happened. Because setTimeout didn't worked…
asktostackoverflow
- 23
- 4
0
votes
0 answers
Problem with Swup-enabled links to other pages
When testing Swup, I was able to make this HTML file work:
...