new Embed stuff in your pages: slide
Add to Technorati Favorites
Showing posts with label slide. Show all posts
Showing posts with label slide. Show all posts

Tuesday, April 3, 2007

Embedding slideshows created with Picasa Web Album

Picasa is a great tool allowing you amongst others, integration of slideshow previews. Unfortunately, they don't provide also a single piece of HTML code that you could easily copy and embed it in your site.

What you can do after creating your album, is to embed the link to the page that displays the slideshow in an iframe, as presented below:

Here's how the embedded slideshow looks like:



To get the link, simply right on the Slideshow button in Picasa and press Copy link location (in Firefox).



Here's the HTML code for the embedded slideshow:

<iframe style="float:right;" height="500" width="250" src="http://picasaweb.google.com/hanganum/MarcelChirnoagaApocalypse/photo#s5049117095323324690"></iframe>


There are a lot of limitations to this slideshow. There's nothing you can customize and the width/height can't be too small (you need to set the width to at least 450 pixels). Also, you can't control the way the users will see the slideshow - the speed, the effects, etc.

However, if you wish to quickly create a slideshow of your favorites pictures, this might be a reasonable way to do it.

Thursday, March 29, 2007

Embedding powerpoint presentations in your page - Slideshows from Zoho

Zoho launched some time ago the Zoho Show service, allowing creation of web based Powerpoint like presentations. Embedding such a presentation in your page is really simple. Once you logged in your account at Zoho, create your presentation and then go to "Actions" menu and choose embed slideshow. From there, pick up the HTML code and simply paste it in your site.



Here is the code for one sample presentation:

<iframe src="http://show.zoho.com/ViewURL.sas?USER=hanganum&DOC=welcome&IFRAME=yes" height="370" width="480" name="Welcome" scrolling=no frameBorder="0" ></iframe>


And here's how it looks like: