Use Google swiffy file for header image


Author Message
Scott

Posted: 7/27/2014
Quote message 

@techtom:

Thanks. I'm not certain how to call the file... Right now the header image is called via an image url:
.header {    border-bottom:2px solid #4E5C6A;    margin:2px auto 0;    position:relative;    height: 200px;    background-image: url('images/header.png');    background-position: center top;    background-repeat: no-repeat;

}


However, swiffy has three output scripts, one of which is a HUGE object file:

<script src="https://www.gstatic.com/swiffy/v6.0/runtime.js"></script>

<script>
var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
swiffyobject);
stage.start();
</script>

Clueless..... But there has to be an easy way to accomplish this.


 
Scott

Posted: 7/27/2014
Quote message 

@techtom:

Yes sir. I have the html file.

I also found a plugin that displays the html5 flash via shortcode - just can't figure out how to exchange the shortcode for the header image...

Any ideas would be very welcomed Tom ;-)
 
techtom

Posted: 7/27/2014
Quote message 

What files do you have that are needed for your html5? Is there just the html file and some script or is there images and other resources that will be needed?

If it is anything other than just the html code and script than it will need to be uploaded to a server somewhere to work. That is why I was thinking you would be better just uploading everything to a server and calling it in a iframe.

Otherwise I would try adding it in a header widget area text box and then position and size it with css.


If you need help doing this, drop me an email at temp@justforblogs.com and I will see what I can do to help you get this set up.
 
Scott

Posted: 7/27/2014
Quote message 

Thanks TechTom:

Like I said, the plugin did the brunt of the work - the problem lies in replacing the header image with the html file.
I'll drop you an email and see if we can sort this out.
 
Nate

Posted: 1/6/2015
Quote message 

Did you ever get this to work?