Embedded PowerPoint/Adobe Files

**wfkuhn** · 03-03-2006, 08:25 PM

Hi
We are about to publish our 1st web page. Embedded in the page are a PowerPoint presentation *.ppt and an Adobe *.pdf brochure. We assume that a viewer must have PowerPoint and Adobe reader software on their local PC to view these files.
Correct?
If so is there another method to make available, for universal viewing, sequential pictures with music and transition effects as PowerPoint can do?

Great Forum and very knowledgeable folks
Thanks
Bill

**Gray** · 03-12-2006, 02:58 AM

Yes there is, Javascript.
Just insert your pictures, its only a fading slide show though.

HTML Code:

<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
</head>
 
<body>
<BODY onLoad="runSlideShow()">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="1.jpg" name='SlideShow' width=150 height=150>
</td>
</tr>
</table>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
</body>

**navaldesign** · 03-12-2006, 07:43 AM

The usual procedure with third party program files is that these programs should be available on the visitors computer. However, you can create a slideshow also directly in BV using a i-frame and creating separate pages for the presentation.
see such an example in http://www.navaldesign.info/Tips/slideshow.html

This one has the advantage of enabling you to have also text and other elements in the presentation. and you can also include cross links, Hold and Resume Buttons, etc. links
Just include in your presentation pages this code :

<meta http-equiv="Refresh"
content="5; URL=http://www.yourdomain.com/nextpage?.html">

which redirects from one page to the other every 5 secs. Change 5 to whatever value you think is suitable for you. Ofcourse, in page 1 the ? must be changed in 2 (to redirect to page 2), in page 2 the ? must be set in 3, and so on. In the last page the ? must be set in 0, so the show will stop, or it can be set again to 1 so the show will loop continously.

You must create your first presentation page, f.e. slidepic0.html . Then you duplicate it and save it as slidepick1. In this, insert the piece of code from above. Create the other pages, slidepick2, slidepick3, etc. In each one insert the code, properly modified, as explained above ( change the ? to be the next page index) . Save and publish the pages. In the main page, create an I-frame, call it f.e. "slideframe". Give it initial URL http://www.yourdomain.com/slidepick0.html. Include two buttons, one for starting the slideshow, and one for stopping it. The first must have as link http://www.yourdomain.com/slidepick1.html and target of the link "slideframe", the second one should have as link http://www.yourdomain.com/slidepick0.html and link target also "slideframe"

If you click on Start, the frame loads the slidepick1, which then automatically redirects to slidepick2 after 5 secs, and so on. If you click on Reset (or Stop, or whatever you want to call the button) the frame loads the initial slidepick0, which doesn't have the redirecting piece of code, so it remains there.

You could also go further and create in the I frame cross links, Pause button ecc.

Make sure your slidepic pages have the same size of your frame

If you want transition effects, go in your preasentation pages properties, and choose the kind of transition you want. And in tha main page, you can insert background music

Thread: Embedded PowerPoint/Adobe Files

LinkBack

Thread Tools

Embedded PowerPoint/Adobe Files

Re: Embedded PowerPoint/Adobe Files

Re: Embedded PowerPoint/Adobe Files

Thread Information

Users Browsing this Thread

Posting Permissions