1

Topic: Trouble getting html5 shell to display properly in Word Press

http://brownimages.com/blog/blog/2011/07/14/guitar-man/

See the link for what is happening. The embed code generated by the Soundslides website makes a large frame and the story does not fill it. I have tried both the scalable code and the nonscalable code with the same effect.

Any suggestions?

2

Re: Trouble getting html5 shell to display properly in Word Press

I now have tried the standard shell and it is doing the same thing.

http://brownimages.com/blog/blog/2011/0 … itar-man2/

3

Re: Trouble getting html5 shell to display properly in Word Press

I put the html5 shell code in a page outside of WordPress. It does the same thing.

http://brownimages.com/soundslides/testsshtml5.html

4

Re: Trouble getting html5 shell to display properly in Word Press

We should be able to figure this out. What dimensions do you want?

I'm not sure I'm seeing the same thing you are however; the second link you posted looks like it fits properly at least on my Mac here at home.  I'll be into the office (with all the test computers) later today.

joe

5

Re: Trouble getting html5 shell to display properly in Word Press

650x495  with html5 is what I would like.


When I went to the second link above with the standard shell today, it worked today. I must not have cleared the cache.

6

Re: Trouble getting html5 shell to display properly in Word Press

This should do it:

<iframe src="http://brownimages.com/soundslides/Guitar_Man/_files/iframe.html" width="650" height="495" scrolling="no" frameborder="0"></iframe>

Let me know if that works.

joe

7

Re: Trouble getting html5 shell to display properly in Word Press

It does work and is the same code I was using except for the exact dimensions. Now I am really confused.

8

Re: Trouble getting html5 shell to display properly in Word Press

Sorry for any confusion. Hopefully I can explain it all away.

The iframe.html itself uses javascript to adjust the slide show to its "parent" dimensions. So by loading that html file into a 650x495 iframe, it renders at 650x495.  Load it into a 420x300 iframe and the slide show will render to those dimensions.  It is self-adjusting to those dimensions.

This makes it easy to use the same slide show at different sizes in different locations.  For instance, some publications use their slide shows at 650 wide in their blogs, and at 400 wide for their main "story" pages.

-joe