Comments (24)
Same here but I'm using a div.
from instantclick.
I think it's a CSS problem in general. I can't use instaclick because when the new page is loaded, the CSS for that page isn't loaded properly, so it keeps using the styles from the old page.
I'm using Safari, maybe it's a browser issue.
from instantclick.
@cfenollosa do you define the styles in the head section, because only the body gets swapped
from instantclick.
Yes, it's a CSS file which gets included in the <head>
That's nice to know, thanks!
from instantclick.
Same here, that’s weird. I don’t think pjax and Turbolinks have those problem (I hope!), I’ll check how they handle that.
from instantclick.
Try using absolute paths instead of relative paths for the background image.
from instantclick.
oobgam: mine is an absolute path, i.e. /images/image.png.
from instantclick.
@thomashub sorry, what I meant was the http:// in the url.
from instantclick.
@oobgam same issue using http://.
from instantclick.
@nicgutierrez Could you post a test case?
from instantclick.
Hi @ooxi, I tried it on my ghost blog yesterday and had the same issue. I removed it, but I'll put it back tonight and post an update with the URL when it's up.
from instantclick.
Thanks @turfyman !
from instantclick.
I have the same problem using Safari
from instantclick.
@MarkVink Could you please provide a test case since @turfyman did not :(
from instantclick.
@ooxi I did some more investigation into this problem for my specific situation. After loading the webpage with Instantclick the background keeps blank when displaying multiple background-images in one element. See my snippet below;
<td style="background-image: url({{ $profile->account->getThumbnailURL() }}), url({{ cdn('images/nopic.jpg') }});"></td>
For my application the profile photos are stored on Amazon S3 and distributed over Cloudfront, a job queue is responsible for transferring those pictures to Amazon. Since I'm not entirely sure about when the photo is processed and available over Cloudfront, I'm displaying a second background-image; for when there is no picture (yet).
For now I just go with displaying one background-images (the first one), which works fine with Instantclick (for me tho).
from instantclick.
Do you have a link where I could peek a look?
from instantclick.
I've got the same issue. I'm trying to use Instantclick with Swipe.JS
from instantclick.
Can’t reproduce it anymore, looks like it isn’t there anymore.
from instantclick.
Hey, I am even facing a similar issue asp1234.github.io my pic is not getting loaded :(
from instantclick.
Just to confirm, I pulled down the latest version of InstantClick and was having this issue. The only thing that fixes it is using the absolute URL (http://....).
from instantclick.
Github pages takes time to show changes when you push it.
from instantclick.
If anyone could upload a test site or point to a site with this problem (sorry about the delay and missing @ASP1234’s one), that’d help.
from instantclick.
Same problem here. Using 'http://' helps, but the context root might change, so I can't use that.
from instantclick.
@xiongxoy Could you provide a demo?
from instantclick.
Related Issues (20)
- $timers[$currentLocationWithoutHash] is undefined in addTimer HOT 1
- Uncaught SyntaxError: Unexpected token : HOT 1
- Browsing calls the xhr request multiple times HOT 2
- 'change' fired multiple times HOT 1
- If using relative path, images in target webpage is not loaded properly. HOT 1
- Instant Click loading bar width calculations are based off page width plus width of scrollbar HOT 1
- How to reload content of <head> relative to page ? HOT 3
- [QUESTION] Where I can find the CI service?
- hexo博客添加instantclick打开网页是空白
- Is this package still maintained ???? HOT 1
- Is there any React Router implementation?
- Support for Nuxt.js
- Disable if data-method exists and is not GET
- 4.0 HOT 2
- Stop menu from opening when back button is clicked
- Character encoding
- Scripts with data-no-instant get re-evaluated when pressing the back button
- utteranc.es support
- Cannot read property 'appendChild' of null
- When new page opens with different template the CSS is skipped
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from instantclick.