Slideshow from variable images [Archive]

View Full Version : Slideshow from variable images

AgaBoogaBoo

02-23-2003, 09:04 PM

I have some code for displaying the day's comics. Here it is:

<script language="JavaScript"></script>

What I want to do is, take those comic strips, and add them to a slideshow on the same page. I'm having a little trouble doing that, but I found a good slideshow script at dynamic drive: http://dynamicdrive.com/dynamicindex14/image4.htm

Any slideshow script is fine but I need it to work with the comic script above. If you decide to show me how to do it with another script, please make sure its nothing fancy, either like the one at the link or one where it just simply changes.

beetle

02-24-2003, 04:00 PM

If you like you can use my slideshow (http://www.peterbailey.net/dhtml/oo_slideshow.htm), it can be comlpicated or simple, as the 4 examples show, you have a lot of control over displaying it and allowing the user to interact with it.

RoyW

02-24-2003, 07:02 PM

Maybe this code will help. It displays all the cartoons from a given date up to today. Now all you need to do is incorperate it into a slideshow script. Just replace the document.writes with the code to add images to a slideshow. One thing though, when I ran this I noticed not all the images are the same size. Might be a problem with some slide shows.

<HTML>
<HEAD>
<TITLE>Test</TITLE>
</HEAD>
<BODY>
<script>
function twoDigit(n)
{
return (n > 9) ? n : "0" + n;
}
function displayImages(d, name)
{
var today = new Date();
for(var x = d.getTime(); x<today.getTime() ; x+=86400000)
{
var dt = new Date(x);
var year = dt.getYear();
var month = twoDigit(dt.getMonth() + 1);
var day = twoDigit(dt.getDate());
var shortyear = twoDigit(year % 100);

document.write(month + "/" +day + "/" + year + " => ");
document.write("src=http://images.ucomics.com/comics/"+name+"/"+year+"/"+name+shortyear+month+day+".gif<br>");
document.write("<img src=http://images.ucomics.com/comics/"+name+"/"+year+"/"+name+shortyear+month+day+".gif><br>");
}
}
//displayImages(new Date(YYYY, MM, DD), name)
//Note Month = 0 to 11 for Jan to Dec
displayImages(new Date(2003,0,1), "ga");
displayImages(new Date(2003,1,10), "zi");

</script>
</BODY>
</HTML>

AgaBoogaBoo

02-24-2003, 09:57 PM

Can you give me an example or show me what you mean? I'm a little confused as to how it would work, would I make the address of the image a variable and then use a variable inside a variable in the slideshow script?

If so, can you show me how to combine those two scripts working?

beetle

02-24-2003, 10:30 PM

Ok, so the slideshow would go from day to day with this? Like you'd see today, then yesterday, then the day before?

beetle

02-24-2003, 11:30 PM

I knew I made all my javascript classes (http://www.peterbailey.net/site/dev/jsclasses) for a reason! they sure made this easy. Using my Date class and my Slideshow class, I wrote a quick interface accessing both to create this page (http://www.peterbailey.net/dhtml/ss_test.htm). Took me 10 minutes ;)

What do you think?

Do you have permission from Ucomics to leech err, syndicate their content? (which is probably syndicated by somebody else...) :D

AgaBoogaBoo

02-25-2003, 12:56 AM

Thats awesome!!!! Thanks a lot man, I woulda spent 10 hours on that. Thanks again!