-
Search Results
-
Topic: Anchors
Hello,
I was wondering how can I add anchors to my homepage. I am using a single page website, and I want to use anchors to automtically scroll down from the main menu to the sections of the page?
Thansk
Hi,
I have a Enfold theme and in one of my menus (categories) I have a lot of items ( in the desktop version not show all categories). It`s possible a scrollable menu?
Also I want a search box with someone categories options in combobox to search or autocomplete textbox with categories.
can you help me?
Thanks
RegardsTopic: Contact form 7 half width
Hello
Can somebody help me out with the contact form 7 .I want the form to be more compact, and put 2 fields next to eachother so that the user doesnt have to scroll a lot. The spaces between the fields have to be smaller as well.
Take a look please :http://autoverkoopplein.nl/kentekenformulier/
This is the code of the form:<div>
<div class=”row”>
<div class=”col-sm-12″>
<h4>1. Gegevens auto: </h4>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Kenteken van de auto<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* kenteken “CF7_GET key=’kenteken’”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het merk<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* merk “CF7_GET key=’Merk’”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het model<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* model “CF7_GET key=’Handelsbenaming’”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het bouwjaar<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* merk “CF7_GET key=’DatumeersteafgifteNederland’”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
De kleur<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* kleur “CF7_GET key=’Eerstekleur’”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Carrosserie<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* carrosserie “CF7_GET key=’Voertuigsoort’”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Brandstof<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* brandstof “CF7_GET key=’Hoofdbrandstof’”]
</div>
</div>
</div><div class=”row first_row”>
<div class=”col-sm-12″>
<h4>2. Contact gegevens: </h4>
<p> Hoe kunnen wij u bereiken? </p>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw naam<span style=”color:#ff2222;”>*</span>
</label>
[text* your-name]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw e-mailadres<span style=”color:#ff2222;”>*</span>
</label>
[email* your-email]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw telefoonnummer<span style=”color:#ff2222;”>*</span>
</label>
[tel* telefoon]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-12″>
<h4>3. Omschrijving van de auto </h4>
<p>Wat is de staat van de auto</p>
</div>
</div>
<div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Kilometerstand<span style=”color:#ff2222;”>*</span>
</label>
[text* kilometerstand]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Transmissie
</label>
[select transmissie include_blank “Handgeschakeld” “Automaat” “Half-automaat”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Bekleding
</label>
[select bekleding include_blank “Alcantara” “Stof” “Leder” “Half-leder”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat buitenzijde
</label>
[select staatbuitenzijde include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat interieur
</label>
[select staatinterieur include_blank “Goed” “Redelijk” “Slecht” ]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Technische staat
</label>
[select technischestaat include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Auto rijdbaar
</label>
[select rijdbaar include_blank “Ja” “Nee”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat buitenzijde
</label>
[select staatbuitenzijde include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat bandenprofiel
</label>
[select bandenprofiel include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
<div class=”col-sm-3″></div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Foto’s<br />
Voeg hier foto’s van je auto toe
</label>
[file foto2 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto3 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto4 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto5 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto6 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
<p> Bestandstype: jpg | gif | png | jpeg | jpg | jpeg </p>
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-12″>
<label class=”control-label”>
Vermeld hier eventuele schades en/of bijzonderheden
</label>
[textarea bijzonderheden]
</div>
</div>
<div class=”row”>
<div class=”col-sm-12″>
<label class=”control-label”>
Ben je tevreden met wat je hebt ingevuld? Plaats dan nu je auto.</br>Bij plaatsing ga je akkoord met de Algemene voorwaarden.</label>
</div>
</div>
<div class=”row”>
<div class=”col-sm-12″>
<p>[submit “Auto plaatsen”]</p>
</div>
</div>
</div>Hi,
My slider stopped working the other day on my homepage, just showed a black spot. I tracked it down and found its caused by using bwpminify. If I minify avia-compat.js I get this error:
Uncaught SyntaxError: Delete of an unqualified identifier in strict mode. line 1277
I checked out 1277 and its this:
}),g.globalBind("mousemove",function(a){if(m){var b=h.offset();(a.pageY<b.top||a.pageY>b.top+h.outerHeight(!0)||a.pageX<b.left||a.pageX>b.left+h.outerWidth(!0))&&(h.css("pointer-events",""),g.controls.css("pointer-events",""),m=!1)}})}else h.on("mouseover",function(){null!==i&&(clearTimeout(i),delete i);var a=h.offset(),c=b.container.offset();e.positionFullscreenButton(a.left-c.left,a.top-c.top,!0)}).on("mouseout",function(){null!==i&&(clearTimeout(i),delete i),i=setTimeout(function(){e.hideFullscreenButton()},1500)})}b.fullscreenBtn=h,g.globalBind("keydown",function(a){(mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()||g.isFullScreen)&&27==a.keyCode&&b.exitFullScreen()}),g.normalHeight=0,g.normalWidth=0}},cleanfullscreen:function(a){a.exitFullScreen()},containerSizeTimeout:null,enterFullScreen:function(){var b=this;if("native"===b.media.pluginType||!mejs.MediaFeatures.isFirefox&&!b.options.usePluginFullScreen){if(a(document.documentElement).addClass("mejs-fullscreen"),b.normalHeight=b.container.height(),b.normalWidth=b.container.width(),"native"===b.media.pluginType)if(mejs.MediaFeatures.hasTrueNativeFullScreen)mejs.MediaFeatures.requestFullScreen(b.container[0]),b.isInIframe&&setTimeout(function d(){if(b.isNativeFullScreen){var c=window.devicePixelRatio||1,e=.002,f=c*a(window).width(),g=screen.width,h=c*f;Math.abs(g-f)>Math.abs(g-h)&&(f=h);var i=Math.abs(g-f),j=g*e;i>j?b.exitFullScreen():setTimeout(d,500)}},1e3);else if(mejs.MediaFeatures.hasSemiNativeFullScreen)return void b.media.webkitEnterFullscreen();if(b.isInIframe){var c=b.options.newWindowCallback(this);if(""!==c){if(!mejs.MediaFeatures.hasTrueNativeFullScreen)return b.pause(),void window.open(c,b.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no");setTimeout(function(){b.isNativeFullScreen||(b.pause(),window.open(c,b.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no"))},250)}}b.container.addClass("mejs-container-fullscreen").width("100%").height("100%"),b.containerSizeTimeout=setTimeout(function(){b.container.css({width:"100%",height:"100%"}),b.setControlsSize()},500),"native"===b.media.pluginType?b.$media.width("100%").height("100%"):(b.container.find(".mejs-shim").width("100%").height("100%"),b.media.setVideoSize(a(window).width(),a(window).height())),b.layers.children("div").width("100%").height("100%"),b.fullscreenBtn&&b.fullscreenBtn.removeClass("mejs-fullscreen").addClass("mejs-unfullscreen"),b.setControlsSize(),b.isFullScreen=!0,b.container.find(".mejs-captions-text").css("font-size",screen.width/b.width*1*100+"%"),b.container.find(".mejs-captions-position").css("bottom","45px"),b.container.trigger("enteredfullscreen")}},exitFullScreen:function(){var b=this;return clearTimeout(b.containerSizeTimeout),"native"!==b.media.pluginType&&mejs.MediaFeatures.isFirefox?void b.media.setFullscreen(!1):(mejs.MediaFeatures.hasTrueNativeFullScreen&&(mejs.MediaFeatures.isFullScreen()||b.isFullScreen)&&mejs.MediaFeatures.cancelFullScreen(),a(document.documentElement).removeClass("mejs-fullscreen"),b.container.removeClass("mejs-container-fullscreen").width(b.normalWidth).height(b.normalHeight),"native"===b.media.pluginType?b.$media.width(b.normalWidth).height(b.normalHeight):(b.container.find(".mejs-shim").width(b.normalWidth).height(b.normalHeight),b.media.setVideoSize(b.normalWidth,b.normalHeight)),b.layers.children("div").width(b.normalWidth).height(b.normalHeight),b.fullscreenBtn.removeClass("mejs-unfullscreen").addClass("mejs-fullscreen"),b.setControlsSize(),b.isFullScreen=!1,b.container.find(".mejs-captions-text").css("font-size",""),b.container.find(".mejs-captions-position").css("bottom",""),void b.container.trigger("exitedfullscreen"))}})}(mejs.$),function(a){a.extend(mejs.MepDefaults,{speeds:["2.00","1.50","1.25","1.00","0.75"],defaultSpeed:"1.00",speedChar:"x"}),a.extend(MediaElementPlayer.prototype,{buildspeed:function(b,c,d,e){var f=this;if("native"==f.media.pluginType){for(var g=null,h=null,i=null,j=null,k=[],l=!1,m=0,n=f.options.speeds.length;n>m;m++){var o=f.options.speeds[m];"string"==typeof o?(k.push({name:o+f.options.speedChar,value:o}),o===f.options.defaultSpeed&&(l=!0)):(k.push(o),o.value===f.options.defaultSpeed&&(l=!0))}l||k.push({name:f.options.defaultSpeed+f.options.speedChar,value:f.options.defaultSpeed}),k.sort(function(a,b){return parseFloat(b.value)-parseFloat(a.value)});var p=function(a){for(m=0,n=k.length;n>m;m++)if(k[m].value===a)return k[m].name},q='<div class="mejs-button mejs-speed-button"><button type="button">'+p(f.options.defaultSpeed)+'</button><div class="mejs-speed-selector"><ul>';for(m=0,il=k.length;il>m;m++)j=f.id+"-speed-"+k[m].value,q+='<li><input type="radio" name="speed" value="'+k[m].value+'" id="'+j+'" '+(k[m].value===f.options.defaultSpeed?" checked":"")+' /><label for="'+j+'" '+(k[m].value===f.options.defaultSpeed?' class="mejs-speed-selected"':"")+">"+k[m].name+"</label></li>";q+="</ul></div></div>",g=a(q).appendTo(c),h=g.find(".mejs-speed-selector"),i=f.options.defaultSpeed,e.addEventListener("loadedmetadata",function(){i&&(e.playbackRate=parseFloat(i))},!0),h.on("click",'input[type="radio"]',function(){var b=a(this).attr("value");i=b,e.playbackRate=parseFloat(b),g.find("button").html(p(b)),g.find(".mejs-speed-selected").removeClass("mejs-speed-selected"),g.find('input[type="radio"]:checked').next().addClass("mejs-speed-selected")}),g.one("mouseenter focusin",function(){h.height(g.find(".mejs-speed-selector ul").outerHeight(!0)+g.find(".mejs-speed-translations").outerHeight(!0)).css("top",-1*h.height()+"px")})}}})}(mejs.$),function(a){a.extend(mejs.MepDefaults,{startLanguage:"",tracksText:mejs.i18n.t("Captions/Subtitles"),tracksAriaLive:!1,hideCaptionsButtonWhenEmpty:!0,toggleCaptionsButtonWhenOnlyOne:!1,slidesSelector:""}),a.extend(MediaElementPlayer.prototype,{hasChapters:!1,cleartracks:function(a){a&&(a.captions&&a.captions.remove(),a.chapters&&a.chapters.remove(),a.captionsText&&a.captionsText.remove(),a.captionsButton&&a.captionsButton.remove())},buildtracks:function(b,c,d,e){if(0!==b.tracks.length){var f,g=this,h=g.options.tracksAriaLive?'role="log" aria-live="assertive" aria-atomic="false"':"";if(g.domNode.textTracks)for(f=g.domNode.textTracks.length-1;f>=0;f--)g.domNode.textTracks[f].mode="hidden";g.cleartracks(b,c,d,e),b.chapters=a('<div class="mejs-chapters mejs-layer"></div>').prependTo(d).hide(),b.captions=a('<div class="mejs-captions-layer mejs-layer"><div class="mejs-captions-position mejs-captions-position-hover" '+h+'><span class="mejs-captions-text"></span></div></div>').prependTo(d).hide(),b.captionsText=b.captions.find(".mejs-captions-text"),b.captionsButton=a('<div class="mejs-button mejs-captions-button"><button type="button" aria-controls="'+g.id+'" title="'+g.options.tracksText+'" aria-label="'+g.options.tracksText+'"></button><div class="mejs-captions-selector"><ul><li><input type="radio" name="'+b.id+'_captions" id="'+b.id+'_captions_none" value="none" checked="checked" /><label for="'+b.id+'_captions_none">'+mejs.i18n.t("None")+"</label></li></ul></div></div>").appendTo(c);var i=0;for(f=0;f<b.tracks.length;f++)"subtitles"==b.tracks[f].kind&&i++;for(g.options.toggleCaptionsButtonWhenOnlyOne&&1==i?b.captionsButton.on("click",function(){lang=null===b.selectedTrack?b.tracks[0].srclang:"none",b.setTrack(lang)}):(b.captionsButton.on("mouseenter focusin",function(){a(this).find(".mejs-captions-selector").css("visibility","visible")}).on("click","input[type=radio]",function(){lang=this.value,b.setTrack(lang)}),b.captionsButton.on("mouseleave focusout",function(){a(this).find(".mejs-captions-selector").css("visibility","hidden")})),b.options.alwaysShowControls?b.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover"):b.container.bind("controlsshown",function(){b.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover")}).bind("controlshidden",function(){e.paused||b.container.find(".mejs-captions-position").removeClass("mejs-captions-position-hover")}),b.trackToLoad=-1,b.selectedTrack=null,b.isLoadingTrack=!1,f=0;f<b.tracks.length;f++)"subtitles"==b.tracks[f].kind&&b.addTrackButton(b.tracks[f].srclang,b.tracks[f].label);b.loadNextTrack(),e.addEventListener("timeupdate",function(){b.displayCaptions()},!1),""!==b.options.slidesSelector&&(b.slidesContainer=a(b.options.slidesSelector),e.addEventListener("timeupdate",function(){b.displaySlides()},!1)),e.addEventListener("loadedmetadata",function(){b.displayChapters()},!1),b.container.hover(function(){b.hasChapters&&(b.chapters.css("visibility","visible"),b.chapters.fadeIn(200).height(b.chapters.find(".mejs-chapter").outerHeight()))},function(){b.hasChapters&&!e.paused&&b.chapters.fadeOut(200,function(){a(this).css("visibility","hidden"),a(this).css("display","block")})}),g.container.on("controlsresize",function(){g.adjustLanguageBox()}),null!==b.node.getAttribute("autoplay")&&b.chapters.css("visibility","hidden")}},setTrack:function(a){var b,c=this;if("none"==a)c.selectedTrack=null,c.captionsButton.removeClass("mejs-captions-enabled");else for(b=0;b<c.tracks.length;b++)if(c.tracks[b].srclang==a){null===c.selectedTrack&&c.captionsButton.addClass("mejs-captions-enabled"),c.selectedTrack=c.tracks[b],c.captions.attr("lang",c.selectedTrack.srclang),c.displayCaptions();break}},loadNextTrack:function(){var a=this;a.trackToLoad++,a.trackToLoad<a.tracks.length?(a.isLoadingTrack=!0,a.loadTrack(a.trackToLoad)):(a.isLoadingTrack=!1,a.checkForTracks())},loadTrack:function(b){var c=this,d=c.tracks[b],e=function(){d.isLoaded=!0,c.enableTrackButton(d.srclang,d.label),c.loadNextTrack()};a.ajax({url:d.src,dataType:"text",success:function(a){d.entries="string"==typeof a&&/<tt\s+xml/gi.exec(a)?mejs.TrackFormatParser.dfxp.parse(a):mejs.TrackFormatParser.webvtt.parse(a),e(),"chapters"==d.kind&&c.media.addEventListener("play",function(){c.media.duration>0&&c.displayChapters(d)},!1),"slides"==d.kind&&c.setupSlides(d)},error:function(){c.removeTrackButton(d.srclang),c.loadNextTrack()}})},enableTrackButton:function(b,c){var d=this;""===c&&(c=mejs.language.codes[b]||b),d.captionsButton.find("input[value="+b+"]").prop("disabled",!1).siblings("label").html(c),d.options.startLanguage==b&&a("#"+d.id+"_captions_"+b).prop("checked",!0).trigger("click"),d.adjustLanguageBox()},removeTrackButton:function(a){var b=this;b.captionsButton.find("input[value="+a+"]").closest("li").remove(),b.adjustLanguageBox()},addTrackButton:function(b,c){var d=this;""===c&&(c=mejs.language.codes[b]||b),d.captionsButton.find("ul").append(a('<li><input type="radio" name="'+d.id+'_captions" id="'+d.id+"_captions_"+b+'" value="'+b+'" disabled="disabled" /><label for="'+d.id+"_captions_"+b+'">'+c+" (loading)</label></li>")),d.adjustLanguageBox(),d.container.find(".mejs-captions-translations option[value="+b+"]").remove()},adjustLanguageBox:function(){var a=this;a.captionsButton.find(".mejs-captions-selector").height(a.captionsButton.find(".mejs-captions-selector ul").outerHeight(!0)+a.captionsButton.find(".mejs-captions-translations").outerHeight(!0))},checkForTracks:function(){var a=this,b=!1;if(a.options.hideCaptionsButtonWhenEmpty){for(i=0;i<a.tracks.length;i++)if("subtitles"==a.tracks[i].kind&&a.tracks[i].isLoaded){b=!0;break}b||(a.captionsButton.hide(),a.setControlsSize())}},displayCaptions:function(){if("undefined"!=typeof this.tracks){var a,b=this,c=b.selectedTrack;if(null!==c&&c.isLoaded){for(a=0;a<c.entries.times.length;a++)if(b.media.currentTime>=c.entries.times[a].start&&b.media.currentTime<=c.entries.times[a].stop)return b.captionsText.html(c.entries.text[a]).attr("class","mejs-captions-text "+(c.entries.times[a].identifier||"")),void b.captions.show().height(0);b.captions.hide()}else b.captions.hide()}},setupSlides:function(a){var b=this;b.slides=a,b.slides.entries.imgs=[b.slides.entries.text.length],b.showSlide(0)},showSlide:function(b){if("undefined"!=typeof this.tracks&&"undefined"!=typeof this.slidesContainer){var c=this,d=c.slides.entries.text[b],e=c.slides.entries.imgs[b];"undefined"==typeof e||"undefined"==typeof e.fadeIn?c.slides.entries.imgs[b]=e=a('<img src="'+d+'">').on("load",function(){e.appendTo(c.slidesContainer).hide().fadeIn().siblings(":visible").fadeOut()}):e.is(":visible")||e.is(":animated")||e.fadeIn().siblings(":visible").fadeOut()}},displaySlides:function(){if("undefined"!=typeof this.slides){var a,b=this,c=b.slides;for(a=0;a<c.entries.times.length;a++)if(b.media.currentTime>=c.entries.times[a].start&&b.media.currentTime<=c.entries.times[a].stop)return void b.showSlide(a)}},displayChapters:function(){var a,b=this;for(a=0;a<b.tracks.length;a++)if("chapters"==b.tracks[a].kind&&b.tracks[a].isLoaded){b.drawChapters(b.tracks[a]),b.hasChapters=!0;break}},drawChapters:function(b){var c,d,e=this,f=0,g=0;for(e.chapters.empty(),c=0;c<b.entries.times.length;c++)d=b.entries.times[c].stop-b.entries.times[c].start,f=Math.floor(d/e.media.duration*100),(f+g>100||c==b.entries.times.length-1&&100>f+g)&&(f=100-g),e.chapters.append(a('<div class="mejs-chapter" rel="'+b.entries.times[c].start+'" style="left: '+g.toString()+"%;width: "+f.toString()+'%;"><div class="mejs-chapter-block'+(c==b.entries.times.length-1?" mejs-chapter-block-last":"")+'"><span class="ch-title">'+b.entries.text[c]+'</span><span class="ch-time">'+mejs.Utility.secondsToTimeCode(b.entries.times[c].start,e.options)+"–"+mejs.Utility.secondsToTimeCode(b.entries.times[c].stop,e.options)+"</span></div></div>")),g+=f;e.chapters.find("div.mejs-chapter").click(function(){e.media.setCurrentTime(parseFloat(a(this).attr("rel"))),e.media.paused&&e.media.play()}),e.chapters.show()}}),mejs.language={codes:{af:"Afrikaans",sq:"Albanian",ar:"Arabic",be:"Belarusian",bg:"Bulgarian",ca:"Catalan",zh:"Chinese","zh-cn":"Chinese Simplified","zh-tw":"Chinese Traditional",hr:"Croatian",cs:"Czech",da:"Danish",nl:"Dutch",en:"English",et:"Estonian",fl:"Filipino",fi:"Finnish",fr:"French",gl:"Galician",de:"German",el:"Greek",ht:"Haitian Creole",iw:"Hebrew",hi:"Hindi",hu:"Hungarian",is:"Icelandic",id:"Indonesian",ga:"Irish",it:"Italian",ja:"Japanese",ko:"Korean",lv:"Latvian",lt:"Lithuanian",mk:"Macedonian",ms:"Malay",mt:"Maltese",no:"Norwegian",fa:"Persian",pl:"Polish",pt:"Portuguese",ro:"Romanian",ru:"Russian",sr:"Serbian",sk:"Slovak",sl:"Slovenian",es:"Spanish",sw:"Swahili",sv:"Swedish",tl:"Tagalog",th:"Thai",tr:"Turkish",uk:"Ukrainian",vi:"Vietnamese",cy:"Welsh",yi:"Yiddish"}},mejs.TrackFormatParser={webvtt:{pattern_timecode:/^((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/,parse:function(b){for(var c,d,e,f=0,g=mejs.TrackFormatParser.split2(b,/\r?\n/),h={text:[],times:[]};f<g.length;f++){if(c=this.pattern_timecode.exec(g[f]),c&&f<g.length){for(f-1>=0&&""!==g[f-1]&&(e=g[f-1]),f++,d=g[f],f++;""!==g[f]&&f<g.length;)d=d+"\n"+g[f],f++;d=a.trim(d).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a href='$1' target='_blank'>$1</a>"),h.text.push(d),h.times.push({identifier:e,start:0===mejs.Utility.convertSMPTEtoSeconds(c[1])?.2:mejs.Utility.convertSMPTEtoSeconds(c[1]),stop:mejs.Utility.convertSMPTEtoSeconds(c[3]),settings:c[5]})}e=""}return h}},dfxp:{parse:function(b){b=a(b).filter("tt");var c,d,e=0,f=b.children("div").eq(0),g=f.find("p"),h=b.find("#"+f.attr("style")),i={text:[],times:[]};if(h.length){var j=h.removeAttr("id").get(0).attributes;if(j.length)for(c={},e=0;e<j.length;e++)c[j[e].name.split(":")[1]]=j[e].value}for(e=0;e<g.length;e++){var k,l={start:null,stop:null,style:null};if(g.eq(e).attr("begin")&&(l.start=mejs.Utility.convertSMPTEtoSeconds(g.eq(e).attr("begin"))),!l.start&&g.eq(e-1).attr("end")&&(l.start=mejs.Utility.convertSMPTEtoSeconds(g.eq(e-1).attr("end"))),g.eq(e).attr("end")&&(l.stop=mejs.Utility.convertSMPTEtoSeconds(g.eq(e).attr("end"))),!l.stop&&g.eq(e+1).attr("begin")&&(l.stop=mejs.Utility.convertSMPTEtoSeconds(g.eq(e+1).attr("begin"))),c){k="";for(var m in c)k+=m+":"+c[m]+";"}k&&(l.style=k),0===l.start&&(l.start=.2),i.times.push(l),d=a.trim(g.eq(e).html()).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a href='$1' target='_blank'>$1</a>"),i.text.push(d),0===i.times.start&&(i.times.start=2)}return i}},split2:function(a,b){return a.split(b)}},3!="x\n\ny".split(/\n/gi).length&&(mejs.TrackFormatParser.split2=function(a,b){var c,d=[],e="";for(c=0;c<a.length;c++)e+=a.substring(c,c+1),b.test(e)&&(d.push(e.replace(b,"")),e="");return d.push(e),d})}(mejs.$),function(a){a.extend(mejs.MepDefaults,{contextMenuItems:[{render:function(a){return"undefined"==typeof a.enterFullScreen?null:mejs.i18n.t(a.isFullScreen?"Turn off Fullscreen":"Go Fullscreen")},click:function(a){a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}},{render:function(a){return mejs.i18n.t(a.media.muted?"Unmute":"Mute")},click:function(a){a.setMuted(a.media.muted?!1:!0)}},{isSeparator:!0},{render:function(){return mejs.i18n.t("Download Video")},click:function(a){window.location.href=a.media.currentSrc}}]}),a.extend(MediaElementPlayer.prototype,{buildcontextmenu:function(b){b.contextMenu=a('<div class="mejs-contextmenu"></div>').appendTo(a("body")).hide(),b.container.bind("contextmenu",function(a){return b.isContextMenuEnabled?(a.preventDefault(),b.renderContextMenu(a.clientX-1,a.clientY-1),!1):void 0}),b.container.bind("click",function(){b.contextMenu.hide()}),b.contextMenu.bind("mouseleave",function(){b.startContextMenuTimer()})},cleancontextmenu:function(a){a.contextMenu.remove()},isContextMenuEnabled:!0,enableContextMenu:function(){this.isContextMenuEnabled=!0},disableContextMenu:function(){this.isContextMenuEnabled=!1},contextMenuTimeout:null,startContextMenuTimer:function(){var a=this;a.killContextMenuTimer(),a.contextMenuTimer=setTimeout(function(){a.hideContextMenu(),a.killContextMenuTimer()},750)},killContextMenuTimer:function(){var a=this.contextMenuTimer;null!=a&&(clearTimeout(a),delete a,a=null)},hideContextMenu:function(){this.contextMenu.hide()},renderContextMenu:function(b,c){for(var d=this,e="",f=d.options.contextMenuItems,g=0,h=f.length;h>g;g++)if(f[g].isSeparator)e+='<div class="mejs-contextmenu-separator"></div>';else{var i=f[g].render(d);null!=i&&(e+='<div class="mejs-contextmenu-item" data-itemindex="'+g+'" id="element-'+1e6*Math.random()+'">'+i+"</div>")}d.contextMenu.empty().append(a(e)).css({top:c,left:b}).show(),d.contextMenu.find(".mejs-contextmenu-item").each(function(){var b=a(this),c=parseInt(b.data("itemindex"),10),e=d.options.contextMenuItems[c];"undefined"!=typeof e.show&&e.show(b,d),b.click(function(){"undefined"!=typeof e.click&&e.click(d),d.contextMenu.hide()})}),setTimeout(function(){d.killControlsTimer("rev3")},100)}})}(mejs.$),function(a){a.extend(mejs.MepDefaults,{skipBackInterval:30,skipBackText:mejs.i18n.t("Skip back %1 seconds")}),a.extend(MediaElementPlayer.prototype,{buildskipback:function(b,c,d,e){{var f=this,g=f.options.skipBackText.replace("%1",f.options.skipBackInterval);a('<div class="mejs-button mejs-skip-back-button"><button type="button" aria-controls="'+f.id+'" title="'+g+'" aria-label="'+g+'">'+f.options.skipBackInterval+"</button></div>").appendTo(c).click(function(){e.setCurrentTime(Math.max(e.currentTime-f.options.skipBackInterval,0)),a(this).find("button").blur()})}}})}(mejs.$),function(a){a.extend(mejs.MepDefaults,{postrollCloseText:mejs.i18n.t("Close")}),a.extend(MediaElementPlayer.prototype,{buildpostroll:function(b,c,d){var e=this,f=e.container.find('link[rel="postroll"]').attr("href");"undefined"!=typeof f&&(b.postroll=a('<div class="mejs-postroll-layer mejs-layer"><a class="mejs-postroll-close" onclick="$(this).parent().hide();return false;">'+e.options.postrollCloseText+'</a><div class="mejs-postroll-layer-content"></div></div>').prependTo(d).hide(),e.media.addEventListener("ended",function(){a.ajax({dataType:"html",url:f,success:function(a){d.find(".mejs-postroll-layer-content").html(a)}}),b.postroll.show()},!1))}})}(mejs.$);If I remove it from being minified the problem goes away but I’d really like to minify it for performance on my site. I was under the impression that bwpminify was recommended with enfold? Any ideas? I was fairly sure it used to work, is this something in the latest release?
Thanks,
Topic: Stop auto scroll
Hi!
At my page webinartrainer.eu (at bottom) there is a strange auto scroll functionality when clicking on the icons of the “Tour” (from Visual Composer). it hides content.
Visual Composer support says this has nothing to do with them …
Can I disable the auto scroll?
Best wishes,
RonaldAutorespond Text
Enter a message that will be sent to the users email address once he has submitted the form.
I have filled out this form…but do not get a message as the submitter when I fill out the form
I am receiving email messages that someone has downloaded the form
I have configured this with the WP MAIL smpt plug-in and the test emails are delivered to me.
Is the contact form calling the wrong email? Note from plugin authorIf other plugins you’re using are not coded to use the wp_mail() function but instead call PHP’s mail() function directly, they will bypass the settings of this plugin. Normally, you can edit the other plugins and simply replace the mail( calls with wp_mail( (just adding wp_ in front) and this will work. I’ve tested this on a couple of plugins and it works, but it may not work on all plugins.
You can go to this page…http://www.carlsonmanagementconsulting.com/dev/services/venture-accelerator/
scroll down to the Adventure Accelerator brochure…and try submitting to see if you get a message as the submitter
Any suggestions?
Thanks for your help.
dcarlsondesignTopic: Half widthe contact form 7
Hello
Can somebody help me out with the contact form 7 .I want the form to be more compact, and put 2 fields next to eachother so that the user doesnt have to scroll a lot. The spaces between the fields have to be smaller as well.
Take a look please :http://autoverkoopplein.nl/kentekenformulier/
This is the code of the form:<div>
<div class=”row”>
<div class=”col-sm-12″>
<h4>1. Gegevens auto: </h4>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Kenteken van de auto<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* kenteken “CF7_GET key=’kenteken'”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het merk<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* merk “CF7_GET key=’Merk'”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het model<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* model “CF7_GET key=’Handelsbenaming'”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Het bouwjaar<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* merk “CF7_GET key=’DatumeersteafgifteNederland'”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
De kleur<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* kleur “CF7_GET key=’Eerstekleur'”]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Carrosserie<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* carrosserie “CF7_GET key=’Voertuigsoort'”]
</div>
</div>
</div>
<div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Brandstof<span style=”color:#ff2222;”>*</span>
</label>
[dynamictext* brandstof “CF7_GET key=’Hoofdbrandstof'”]
</div>
</div>
</div><div class=”row first_row”>
<div class=”col-sm-12″>
<h4>2. Contact gegevens: </h4>
<p> Hoe kunnen wij u bereiken? </p>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw naam<span style=”color:#ff2222;”>*</span>
</label>
[text* your-name]
</div>
</div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw e-mailadres<span style=”color:#ff2222;”>*</span>
</label>
[email* your-email]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Uw telefoonnummer<span style=”color:#ff2222;”>*</span>
</label>
[tel* telefoon]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-12″>
<h4>3. Omschrijving van de auto </h4>
<p>Wat is de staat van de auto</p>
</div>
</div>
<div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Kilometerstand<span style=”color:#ff2222;”>*</span>
</label>
[text* kilometerstand]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Transmissie
</label>
[select transmissie include_blank “Handgeschakeld” “Automaat” “Half-automaat”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Bekleding
</label>
[select bekleding include_blank “Alcantara” “Stof” “Leder” “Half-leder”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat buitenzijde
</label>
[select staatbuitenzijde include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat interieur
</label>
[select staatinterieur include_blank “Goed” “Redelijk” “Slecht” ]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Technische staat
</label>
[select technischestaat include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Auto rijdbaar
</label>
[select rijdbaar include_blank “Ja” “Nee”]
</div>
</div>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat buitenzijde
</label>
[select staatbuitenzijde include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-3″>
<div class=”form-group”>
<label class=”control-label”>
Staat bandenprofiel
</label>
[select bandenprofiel include_blank “Goed” “Redelijk” “Slecht”]
</div>
</div>
<div class=”col-sm-3″></div>
<div class=”col-sm-6″>
<div class=”form-group”>
<label class=”control-label”>
Foto’s<br />
Voeg hier foto’s van je auto toe
</label>
[file foto2 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto3 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto4 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto5 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
[file foto6 filetypes:jpg|gif|png|jpeg|jpg|jpeg.]
<p> Bestandstype: jpg | gif | png | jpeg | jpg | jpeg </p>
</div>
</div>
</div><div class=”row”>
<div class=”col-sm-12″>
<label class=”control-label”>
Vermeld hier eventuele schades en/of bijzonderheden
</label>
[textarea bijzonderheden]
</div>
</div>
<div class=”row”>
<div class=”col-sm-12″>
<label class=”control-label”>
Ben je tevreden met wat je hebt ingevuld? Plaats dan nu je auto.</br>Bij plaatsing ga je akkoord met de Algemene voorwaarden.</label>
</div>
</div>
<div class=”row”>
<div class=”col-sm-12″>
<p>[submit “Auto plaatsen”]</p>
</div>
</div>
</div>Topic: Auto scrolling
Hi if you go to http://79.170.44.82/toastblackpool.co.uk/
And scroll down the bottom two big images “cocktail masterclass” and the one to the left are slide shows. When you click to go the next the browser viewpoint re position and scrolls downwards. This is a feature I believe of enfold but it needs to be disabled. Can you advise how I can disable this please?
Hello! I’ve noticed today that most of the animated elements on our site have stopped working. On the home page there are icons that usually fade in and grow in size as you scroll down on the home page: http://www.cogitocorp.com/ There’s also usually a darker background image here behind these elements as well that is missing.
… and on this page, there are usually bars that fill up below each employee’s photo as you scroll:
Any idea what would cause these to break and how to fix them? We’ve had the theme for a few years and haven’t had this happen before. I noticed that WordPress just auto updated, could it be an incompatibility there?
Thanks for your help!
Hi,
I need to disable the auto scroll on Accordions when i click. I’ve tried with some javascript added to a custom javascript file i created inside my child theme, but i can’t get it work.
Thanks!
Topic: Disable auto scroll down
Hello enfold-team,
We have a problem with Enfold and some accordions. A strange effect appears when we do click. Try to follow these next steps and you will see it …
1. Go to the website (attached as private content)
2. Click on the accordion “INDUSTRIAL PC”
3. Scroll down until the accordion “ELECTROMECHANICAL EQ & PRINTERS”
4. Click on itWhen you click (step 4) website goes too down, in fact all accordions desappear. The view when you click on step-4 should keep to the same level of accordion “ELECTROMECHANICAL EQ & PRINTERS”, if not … anyuser will lose on the web.
Thanks.
Topic: Mobile menu error
Hello!
I have an issue with the mobile menu when viewing it on iOS Safari and sometimes iOs chrome on iPad and iPhone.
When opening up the mobile menu, I press the link, and the link is an anchor link which auto-scrolls me down to the anchor section. I notice that when doing this, the mobile-menu is still open the result of this is that I can drag to the side and get a lot of whitespace because the mobile-menu is still open. This is viewable on the right side of the website content.
It’s kind of hard to explain but I think the solution is that somehow have the mobile menu close again after clicking on the anchor link.
Hi, how can I move the scroll to top icon to the left?
I’ve tired this code:
#scroll-top-link { right: auto; left: 50px; }But it doesn’t seem to work.
Topic: Custom accordian
I am trying to add a custom accordian element to my website; can i paste the code below into the code block item?
This is the accordian, in imgur: http://imgur.com/FwzRmMb
Code begins:<main class=”mxBack”>
<header class=”mxHeader”>
<nav class=”control”>-
<li class=”iron active”>Iron man
<li class=”cap”>Captain
<li class=”bw”>Black Widow
<li class=”thor”>Thor</nav>
</header><section class=”mxBody”>
<div class=”content”>
<div class=”inner iron active”>
<h1>Iron man</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius orci sed justo venenatis pellentesque. Duis eget lacus quis tortor interdum fringilla. Pellentesque non risus vel odio adipiscing posuere at ut neque. Sed vel justo vitae risus commodo tincidunt. Sed ornare felis eros.</p>
</div>
<div class=”inner cap”>
<h1>Captain America</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius orci sed justo venenatis pellentesque. Duis eget lacus quis tortor interdum fringilla. Pellentesque non risus vel odio adipiscing posuere at ut neque. Sed vel justo vitae risus commodo tincidunt. Sed ornare felis eros. Proin lobortis augue in semper aliquam. Phasellus hendrerit erat at dolor tempus laoreet. Nunc elit velit, congue at bibendum sit amet, tincidunt eget lectus. Donec venenatis, nisl at condimentum lacinia, ligula arcu commodo orci, id consequat lorem erat vitae neque.</p>
</div>
<div class=”inner bw”>
<h1>Black Widow</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius orci sed justo venenatis pellentesque. Duis eget lacus quis tortor interdum fringilla. Pellentesque non risus vel odio adipiscing posuere at ut neque. Sed vel justo vitae risus commodo tincidunt. Sed ornare felis eros. Proin lobortis augue in semper aliquam. Phasellus hendrerit erat at dolor tempus laoreet. Nunc elit velit, congue at bibendum sit amet, tincidunt eget lectus. Donec venenatis, nisl at condimentum lacinia, ligula arcu commodo orci, id consequat lorem erat vitae neque. Morbi sed lectus lobortis, fermentum urna vulputate, imperdiet lectus. Integer sagittis est nisl, non feugiat elit tincidunt in. Cras non nisi ultricies, venenatis sem at, eleifend quam. Sed arcu dolor, egestas sed mauris eu, auctor volutpat tellus.</p>
</div>
<div class=”inner thor”>
<h1>Thor</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius orci sed justo venenatis pellentesque. Duis eget lacus quis tortor interdum fringilla. Pellentesque non risus vel odio adipiscing posuere at ut neque. Sed vel justo vitae risus commodo tincidunt. Sed ornare felis eros. Proin lobortis augue in semper aliquam. Phasellus hendrerit erat at dolor tempus laoreet. Nunc elit velit, congue at bibendum sit amet, tincidunt eget lectus. Donec venenatis, nisl at condimentum lacinia, ligula arcu commodo orci, id consequat lorem erat vitae neque. Morbi sed lectus lobortis, fermentum urna vulputate, imperdiet lectus. Integer sagittis est nisl, non feugiat elit tincidunt in. Cras non nisi ultricies, venenatis sem at, eleifend quam. Sed arcu dolor, egestas sed mauris eu, auctor volutpat tellus.</p>
<p>Proin vitae eleifend massa. Phasellus feugiat vestibulum urna, hendrerit fringilla mauris molestie non. Proin accumsan mi eget ullamcorper venenatis. Sed commodo purus orci, a eleifend ante sodales pellentesque. Cras ut dignissim neque.</p>
</div>
</div>
<div class=”backgrounds”>
<div class=”bg iron active”></div>
<div class=”bg cap”></div>
<div class=”bg bw”></div>
<div class=”bg thor”></div>
</div>
</section>
</main>.mxBack {
color:black;
height:100vh;
overflow:hidden;
}.mxHeader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 3em;
padding: 0.5em;
background-color: #fff;
z-index: 150;
@media (min-width: 48em) {
height: 5em;
padding: 1em;
}nav ul {
list-style-type: none;
text-align: right;
li {
display: inline-block;
padding: 0.1em;
font-size: 1em;
border: 0.1em solid #000;
margin-right: 0.2em;
text-transform: uppercase;
cursor: pointer;
transition: color, background-color 0.4s;&:hover {
background-color: #000;
color: #fff;
}
@media (min-width: 48em) {font-size: 1.5em;
padding: 0.2em;
border: 0.2em solid #000;
margin-right: 0.5em;}
}
li.active {
background-color: #000;
color: #fff;
}
}
nav.in-action ul li {
opacity: 0.4;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}.mxBody {
height: calc(~”100% – 5em”); overflow:hidden;
}.mxBody {
position: absolute;
top: 3em;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
@media (min-width: 48em) {top: 5em;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
padding: 2em;
overflow-y: auto;
background-color: rgba(255, 255, 255, 0.8);
@media (min-width: 48em) {
width: 40%;
}
}}
.mxBody .content .inner {
display: none;
}
.mxBody .content .inner.active {
display: block;
-webkit-animation: showTextBlock 1s;
animation: showTextBlock 1s;
}
.mxBody .content .inner h1 {
font-size: 2em;
margin-bottom: 1em;
text-transform: uppercase;
font-family: decade, sans-serif;
}
.mxBody .content .inner p {
font-size: 1.25em;
margin-bottom: 0.75em;
font-family: pt-reg, sans-serif;
}
.mxBody .backgrounds .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;transition: 1.5s;
will-change: transform;
z-index: 60;
}
.mxBody .backgrounds .bg.iron {
background-image: url(“http://i.imgur.com/PbV1Grl.jpg”);transform: translateX(-100%);
}
.mxBody .backgrounds .bg.cap {
background-image: url(“http://i.imgur.com/VWYl1EC.jpg”);transform: translateY(-100%);
}
.mxBody .backgrounds .bg.bw {
background-image: url(“http://i.imgur.com/ga3BiDw.jpg”);transform: translateX(100%);
}
.mxBody .backgrounds .bg.thor {
background-image: url(“http://i.imgur.com/jAY4044.jpg”);transform: translateY(100%);
}
.mxBody .backgrounds .bg.active {
transform: translateZ(0);
z-index: 70;
}
.mxBody .backgrounds .bg.fast {
transition-duration: 0s;
}@keyframes showTextBlock {
0% {
opacity: 0;
transform: scale(0.5);
}
80% {
opacity: 1;
transform: scale(1.05);
}
100% {
opacity: 1;
transform: scale(1);
}
}$(document).ready(function() {
var inAction = false;
$(“.control li”).click(function() {
if ($(this).attr(“class”) === $(“.control li.active”).attr(“class”)) {
return;
}if (!inAction) {
var actClass = $(this).attr(“class”).replace(/\bactive\b/, “”),
previous = $(“.bg.active”),
bgTransDur = parseFloat(previous.css(“transition-duration”), 10) * 1000,
trans;if (actClass === “iron”) {
trans = “translateX(100%)”;
} else if (actClass === “cap”) {
trans = “translateY(100%)”;
} else if (actClass === “bw”) {
trans = “translateX(-100%)”;
} else if (actClass === “thor”) {
trans = “translateY(-100%)”;
}
inAction = true;
console.log(bgTransDur);
$(“.control li.active”).removeClass(“active”);
$(this).addClass(“active”);
$(“.control”).addClass(“in-action”);
$(“.content .inner.active”).removeClass(“active”);
$(“.bg.active”).removeClass(“active”);
previous.css(“transform”, trans);/* hack for returning bg in original state */
setTimeout(function() {
previous.addClass(“fast”);
previous.attr(“style”, “”);
previous.css(“transform”);
previous.removeClass(“fast”);
}, bgTransDur);$(“.content .inner.” + actClass).addClass(“active”);
$(“.bg.” + actClass).addClass(“active”);
$(“.content”).scrollTop(0);setTimeout(function() {
inAction = false;
$(“.control”).removeClass(“in-action”);
}, bgTransDur + 100);
}
});
});Thank you!


