Since it’s an unified MP3 player, Firefox relies to Flash for playback and doesn’t run locally. Once you put it on a webserver it will run fine. There are several local webservers you can download for free like mamp.

Thank you

Append the following parameter to your Chrome shortcut:

-allow-file-access-from-files

It has inbuilt scripts that detect the device and adapt automatically the layout to fit correctly its size. Feel free to test the preview, just close the frame above to see the behavior.

It sounds like some customization went wrong. Send me privately a detailed report and I’ll assist you.

I rewrote the background transition from scratch to make it more lightweight and consistent. I really can’t say what it’s wrong with older android browsers. Try using more lightweight pictures? It’s probably a memory issue.

Vega version 1.2.1 works fine with the same pictures. if you’d like to try some things i can test it for you as i have devices with android 2.3.4 and 2.3.5. i don’t know if it’s related, awhile ago there was a jquery bug: http://bugs.jquery.com/ticket/12497 - also: https://github.com/jquery/jquery/commit/70f662bac5de1ed76021e31387bd4d3aa2e41f66

in the meantime, is it possible to disable the transitions on mobile but keep ajax page loading intact? i tried wrapping it like this: ... if($(window).width()>767) {TweenMax.to … - but then it doesn’t load backgrounds at all. thanks ahead for your great ideas.

Prepend the following if statement inside the bgTransition function right before the TweenMax row:

if (!android)

You can just feed one image and it will skip automatically any transition in the background. If you’d like to have one background for each page, you’ll have to disable ajax and to allow a whole refresh of the document.

okay so I can’t have that nice transition from one to another background while changing pages… thax for the quick answer

I just checked and it loads a new page with the native scrollbar enabled. I guess your problem is due the custom rules applied to the header which do not respect the original grid, hence it does not calculate the content height properly.

Contact me privately for further assistance.

i will send you a private mail

I answered your mails twice, didn’t you get them?

Strip out prettyPhoto from the jquery.plugins.js file and include it inside another separate file. Use an if statement that includes the script only it isn’t mobile by following the script here: http://stackoverflow.com/questions/9048253/in-javascript-if-mobile-phone

Add a negative statement to trigger it only if it’s not mobile. In your case it will be like this:

if (!$(window).width() < 480 || !$(window).height() < 480) { $.getScript(’/js/prettyphoto.js’, function () { }); }

You can use the same condition to avoid errors on mobile whenever it refers to prettyphoto.

nope, never received emails.. anyway, thanks for the .getScript tip – it worked!

I just checked and it works fine on my side. I noticed an occasional slight delay on older versions of IE. That’s due the slow rendering I guess.

The font is slightly different due the render engines of each browser. I can’t really do anything about that.

About the map glitch you just reported, it’s a known issue on small screens. I’ll add a fix for it on the next update. Thanks for reporting.

It’s hardcoded. You either create a new logo with a different id and hide the current one or you can change the selector in the main js file.

It seems like a styling issue. Add the following stylesheet rules to fix it:

#main {
position: absolute;
width: 100%;
}

I’ll add it to the next update. Thanks for reporting.

Excellent! Thank you!

See the answer below.

No, you don’t need to do it. The same images are resized automatically by the template. There is no need to serve multiple versions, just keep sure they’re optimized for the web.

I activated Addthis and entered my ID, it seems to work as a counter. I would really like that the heart could share the info page on facebook profile of the visitor. Is there a way?

Hi, I solved the problem by changing my ID. I’m sorry for my trivial requests… Now it works but when I click on the heart, an horrible window opens with all the social icons. Also an addthis advertising page opens. Is there a way to delete all unwanted icons and advertising, or redirect the heart button directly to facebook shared window? Thank you and please, be patient!!

If you don’t like Addthis, you’ll likely need to do it on your own. Wrap that button inside the following code:

<script>function fbs_click()
{u=location.href;t=document.title;window.open
('http://www.facebook.com/sharer.php?u='+
encodeURIComponent(u)+'&t='+encodeURIComponent(t),
'sharer','toolbar=0,status=0,width=6
26,height=436');return false;}</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Your Button</a>

For more infos view the documentation directly on Facebook: https://developers.facebook.com/docs/

There isn’t a simple way, I’m afraid. You’ll have to find a crossbrowser solution for video playback and wrap it inside the background. I didn’t include this feature for performance reasons as it shutters heavily during each transition.

yep that did it, beautiful job – thank you.

another idea, when initializing prettyPhoto – could you add a call to disable it on mobile? i tried adding – if (!mobile) condition – but wasn’t able to make it work.

I skinned prettyPhoto to work also on mobile, there’s no reason to disable it. You can always hide the element that triggers it by adding the class “hide-on-phones”. Contact me privately for further questions.

yes, your PP mod works excellent on mobile. it’s not that. i’m just checking my options.. thank you for all great work and help. i’ll drop you email some time.

Hey – Cool – Many Thanks for speedy respond..

Being ‘legally blonde’ is it possible to share a simple sample string of code for your suggestion in first paragraph above.. tried a few ways and still (sadly) no luck here.. _

I did grep the foundation.js file.. it seems that already has captions set to true.. sorry for the extra grief.. happy to share results!

As I told you before you can append a span (or anything you want) to your divs for the caption. Like this:

<div><img src="images/portfolio/01.jpg" class="projectSlides" alt="" />
    <span class="caption">Caption</span>
</div>

Add a class to it, my example is “caption”. Uncomment the latest line before the closing head tag in your html document and insert the following class inside the custom.css stylesheet. Roughly, something like this should let you see a caption overlayed to the image:

.caption {
    position: absolute;
    bottom: 0;
    left: 50px;
    height: 250px;
    line-height: 30px;
    color: #FFFFFF;
    font-size: 60px;
}

Of course you can style it as you want, that’s just an example.

Whicked = works like a freakin dream.. Cheers..