Reloading
If you are fetching content using AJAX then you might want to run
picture() and image() once requests finished.
You can do this manually using window.Pixboost.picture() and window.Pixboost.image() call or you can trigger
pbUpdate event:1
var pbUpdateEvent = document.createEvent("Event");
2
pbUpdateEvent.initEvent("pbUpdate", false, true);
3
document.dispatchEvent(pbUpdateEvent);
Copied!
Custom reload events
The library supports native DOM events and JQuery. You can specify a list of events separated
by the comma in
data-events or data-jquery-events attributes. For example,1
<script type="text/javascript" src="https://pixboost.com/libs/pixboost.js"
2
id="pb-script"
3
data-api-key="API_KEY"
4
data-events="contentloaded"></script>
Copied!
Then to trigger update:
1
var contentLoadedEvent = document.createEvent("Event");
2
contentLoadedEvent.initEvent("contentloaded", false, true);
3
document.dispatchEvent(contentLoadedEvent);
Copied!
And with JQuery:
1
<script type="text/javascript" src="https://pixboost.com/libs/pixboost.js"
2
id="pb-script"
3
data-api-key="API_KEY"
4
data-jquery-events="contentloaded"></script>
Copied!
Then to trigger update:
1
$(document).trigger("contentloaded");
Copied!
Last modified 2yr ago
Copy link
Contents
Custom reload events