Microsoft Publisher - Show PowerPoint Slideshow on Website

Author

Show PowerPoint Slideshow on Website

DMR_Bill

2007-11-09, 6:17 pm

I've built a website using MS Publisher and I would like to embed a
PowerPoint Presentation on the Home page. When the Home page is opened I
would like the slideshow to open and transition through the slides at 5
second intervals. It works fine in Powerpoint but not as an object in the
Publisher website. Any help you can provide would be appreciated.

DavidF

2007-11-09, 6:17 pm

I don't use PowerPoint but have been told that you can export as HTML. If
so, then you could possibly use an iframe to contain the slide show, or
possibly insert the code. However, I don't believe that you can do what you
want with PowerPoint. A better idea is to google for a "javascript
slideshow", and use the insert html code fragment tool to insert the code
snippet in your home page. There are lots of freebie codes out there with
lots of different effects.

DavidF

"DMR_Bill" <DMR_Bill@discussions.microsoft.com> wrote in message
news:9BC0AF9A-3977-4AA8-A556-596C4D60FE31@microsoft.com...
> I've built a website using MS Publisher and I would like to embed a
> PowerPoint Presentation on the Home page. When the Home page is opened I
> would like the slideshow to open and transition through the slides at 5
> second intervals. It works fine in Powerpoint but not as an object in the
> Publisher website. Any help you can provide would be appreciated.

DMR_Bill

2007-11-09, 6:17 pm

Thanks for your response David. I tried the javascript too and didn't have
much success. It might be just the way I told the it where to find the
photos. I'll try it again. I kind of feel like I'm flying blind with the
HTML code fragment tool. It would be nice to go right in and modify the
header section and bidy tag directly. Anyway, thanks a lot for your help.

DMR_Bill

"DavidF" wrote:

> I don't use PowerPoint but have been told that you can export as HTML. If
> so, then you could possibly use an iframe to contain the slide show, or
> possibly insert the code. However, I don't believe that you can do what you
> want with PowerPoint. A better idea is to google for a "javascript
> slideshow", and use the insert html code fragment tool to insert the code
> snippet in your home page. There are lots of freebie codes out there with
> lots of different effects.
>
> DavidF
>
> "DMR_Bill" <DMR_Bill@discussions.microsoft.com> wrote in message
> news:9BC0AF9A-3977-4AA8-A556-596C4D60FE31@microsoft.com...
>
>
>

DavidF

2007-11-09, 6:17 pm

Most people that use Publisher are worse than flying blind when it comes to
modifying the code.

I would suggest that you create a subfolder on your host at the same level
as the Publisher produced index.htm file and the index_files folder, perhaps
calling it "images". That way when you write the path to it, it is clear
where the images will be. Don't put them into the index_files folder.

If you upload the images to your host, and write absolute links to those
images, you can test the slide show in web preview.

Here is one script that I used that worked for me...it has a fade-in and
fade-out effect that I liked:

<script language="JavaScript1.2" type="text/javascript">

/***********************************************

* Fade-in image slideshow script- © Dynamic Drive DHTML code library
(www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

var slideshow_width='150px' //SET IMAGE WIDTH

var slideshow_height='131px' //SET IMAGE HEIGHT

var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed

fadeimages[0]="photo1.jpg"

fadeimages[1]="photo2.jpg"

fadeimages[2]="photo3.jpg"

fadeimages[3]="photo4.jpg"

fadeimages[4]="photo5.jpg"

////NO need to edit beyond here/////////////

var preloadedimages=new Array()

for (p=0;p<fadeimages.length;p++){

preloadedimages[p]=new Image()

preloadedimages[p].src=fadeimages[p]

}

var ie4=document.all

var dom=document.getElementById

if (ie4||dom)

document.write('<div
style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div
id="canvas0"
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div
id="canvas1"
style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility:
hidden"></div></div>')

else

document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10

var degree=10

var curcanvas="canvas0"

var curimageindex=0

var nextimageindex=1

function fadepic(){

if (curpos<100){

curpos+=10

if (tempobj.filters)

tempobj.filters.alpha.opacity=curpos

else if (tempobj.style.MozOpacity)

tempobj.style.MozOpacity=curpos/101

}

else{

clearInterval(dropslide)

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)

tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'

nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0

var tempobj2=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)

tempobj2.style.visibility="hidden"

setTimeout("rotateimage()",pause)

}

}

function rotateimage(){

if (ie4||dom){

resetit(curcanvas)

var crossobj=tempobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.style.zIndex++

tempobj.style.visibility="visible"

var temp='setInterval("fadepic()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else

document.images.defaultslide.src=fadeimages[curimageindex]

curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

}

function resetit(what){

curpos=10

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

if (crossobj.filters)

crossobj.filters.alpha.opacity=curpos

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=curpos/101

}

function startit(){

var crossobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)

crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'

rotateimage()

}

if (ie4||dom)

window.onload=startit

else

setInterval("rotateimage()",pause)

</script>

DavidF

"DMR_Bill" <DMRBill@discussions.microsoft.com> wrote in message
news:3DF371C0-2CE0-437B-839B-7BF6ACB71045@microsoft.com...[color=darkred]
> Thanks for your response David. I tried the javascript too and didn't
> have
> much success. It might be just the way I told the it where to find the
> photos. I'll try it again. I kind of feel like I'm flying blind with the
> HTML code fragment tool. It would be nice to go right in and modify the
> header section and bidy tag directly. Anyway, thanks a lot for your help.
>
> DMR_Bill
>
> "DavidF" wrote:
>