Johnson Thomas
asked on
How to hide jquery hemiintro in returning user?
Hi i want to hide intro in returning users only showing intro in first time user visit in website is it possible? please help me. Below and attached my code.
<script type="text/javascript">
//<!--
$(function () {
var intro = $.hemiIntro({
debug: false,
steps: [
{
selector: ".Downloads",
placement: "bottom",
content: "Text text text text text text text text text text",
showButtons: true,
scrollToElement: true,
offsetTop: 300
},
{
selector: ".list-lenders",
placement: "bottom",
content: "Text2 text2 text2 text2 text2 text2 text2 text2 text2 text2 text2 text2",
offsetTop: 300
},
{
selector: ".support",
placement: "bottom",
content: "Text2 text2 text2 text2 text2 text2",
offsetTop: 300
},
{
selector: ".login",
placement: "bottom",
content: "Text2 text2 ",
offsetTop: 300
},
{
selector: ".index",
placement: "top",
content: "Text3 text3 text3 text3 text3 text3 text3",
offsetTop: 300
},
],
startFromStep: 0,
backdrop: {
element: $("<div>"),
class: "hemi-intro-backdrop"
},
popover: {
template: '<div class="popover hemi-intro-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
},
buttons: {
holder: {
element: $("<div>"),
class: "hemi-intro-buttons-holder"
},
next: {
element: $("<span>Next: Steps</span>"),
class: "btn button-md button-rounded btn-info"
},
finish: {
element: $("<span>Finish</span>"),
class: "btn button-md button-rounded btn-success"
}
},
welcomeDialog: {
show: true,
selector: "#myModal"
},
scroll: {
anmationSpeed: 0
},
currentStep: {
selectedClass: "hemi-intro-selected"
},
init: function (plugin) {
console.log("init:");
},
onLoad: function (plugin) {
console.log("onLoad:");
},
onStart: function (plugin) {
console.log("onStart:");
},
onBeforeChangeStep: function () {
console.log("onBeforeChangeStep:");
},
onAfterChangeStep: function () {
console.log("onAfterChangeStep:");
},
onShowModalDialog: function (plugin, modal) {
console.log("onShowModalDialog:");
},
onHideModalDialog: function (plugin, modal) {
console.log("onHideModalDialog:");
},
onComplete: function (plugin) {
console.log("onComplete:");
}
});
if (sessionStorage.getItem('fTime') === null)
{
sessionStorage.setItem("fTime", true);
intro.start();
}
});
//-->
</script>
<!-- LOAD JS FILES -->
jquery.hemiIntro.js
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.