Slideshows

  • Thread starter Thread starter Paul Smith
  • Start date Start date
P

Paul Smith

Hi

I am wanting to create a small "window" on my homepage where i can have a
sideshow of pictures with transition effects etc. Any suggestions of free
software to create these.

I have had a look at the amara flash slideshow builder but i cant afford $50
us bucks.

Thanks
Paul
 
You can use Javascript for this. Here is a script you can change to
suit your needs:
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo ([email protected]) -->
<!-- Web Site: http://www.munkeehead.com -->

<!-- Modyfied by Jens Peter Karlsen 2003 -->

<!-- Begin
NewImg = new Array (
"images/1.jpg",
"images/2.jpg",
"images/3.jpg"
);

var p = NewImg.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = NewImg;
}
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 3000;
var t;
var lock = false;
var run;
function chgImg(direction) {

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();
}
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}

if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.SlideShow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}

// End -->
</script>

</head>

<body>
<img src="images/1.jpg" name="SlideShow" width="125" height="100">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
</tr>
</table>

</body>

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
Hi, Paul

You may have a try Wondershare Flash SlideShow
Builder(http://www.flash-slide-show.com), it lets you create Flash
slideshow on WEB, complete with music, transition effects and many
selection templates. Very easy to use, and it's inexpensive, only
$39.95.

Regards.
 
Thanks but I am a reative newbie to this stff although I am an experienced
programmerI would prefer a utility to help me do it visually.

However I am keen to learn HTML and Java and if anyone can suggest any good
books on these subjects I would appreciate it.

Cheers
Paul

Jens Peter Karlsen said:
You can use Javascript for this. Here is a script you can change to
suit your needs:
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo ([email protected]) -->
<!-- Web Site: http://www.munkeehead.com -->

<!-- Modyfied by Jens Peter Karlsen 2003 -->

<!-- Begin
NewImg = new Array (
"images/1.jpg",
"images/2.jpg",
"images/3.jpg"
);

var p = NewImg.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = NewImg;
}
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 3000;
var t;
var lock = false;
var run;
function chgImg(direction) {

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();
}
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}

if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.SlideShow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}

// End -->
</script>

</head>

<body>
<img src="images/1.jpg" name="SlideShow" width="125" height="100">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
</tr>
</table>

</body>

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

Hi

I am wanting to create a small "window" on my homepage where i can have a
sideshow of pictures with transition effects etc. Any suggestions of free
software to create these.

I have had a look at the amara flash slideshow builder but i cant afford
$50
us bucks.

Thanks
Paul
Click to expand...
Click to expand...
 
Paul said:
Thanks but I am a reative newbie to this stff although I am an
experienced programmerI would prefer a utility to help me do it
visually.
However I am keen to learn HTML and Java and if anyone can suggest
any good books on these subjects I would appreciate it.
Click to expand...

Paul,

I was like you at the beginning of this year. Also a programmer but with no
knowledge of HTML, CSS or JavaScript (*not* Java - that is something
completely different).

Let me encourage you to take the plunge. You can start easily and keep
learning - there can be a lot to learn but it it ain't too daunting to
start.

What Jens has posted is not difficult to implement. I used this and adpated
it as I went on my own website - have a look if you want to (go to Picture
Album).

Jens' code is almost a complete HTML file - only a few additions are needed.
Before <SCRIPT LANGUAGE="JavaScript">, add:
<html>
<head>

After </body>, add:
</html>

It will work without these, of course. And you should also have a few other
things between <head> and </head>, but as a start don't worry too much. You
just create this file in your text editor and save it as "picture.html", or
any name - just use ".html" or ".htm" extension.

The only other thing you need to do is to create a folder named "images"
under your root folder and add to it:
"1.jpg","2.jpg","3.jpg",etc.
Any names will do as long as they match what is in the code in NewImg = new
Array (.............).

BTW, from my experience over this last year, I doubt that you will easily
find a utility which will do this job as well. This code does the job
perfectly.

A good online reference is www.w3schools.com.
Amongst other books suggested in this newsgroup are Jim Buyens books - refer
http://www.interlacken.com/
See also http://www.eleanorstravels.com/PhotoGalleryPrograms/index.htm about
alternatives to FrontPage Gallery for slideshows

Good luck and have fun,
Trevor L.
Website: http://tandcl.homemail.com.au
 
Back
Top