Need Help - Web Developers

[overclockingoodness]

I am a high school student in 10th and enrolled in introduction to Web Designing. I was looking through ExtremeTech and found the following feature to be really great for sharing photos:

http://www.extremetech.com/article2/0,1558,1751291,00.asp

I am talking about the Slideshow feature that ExtremeTech does once in a while. I think they do this with PowerPoint somehow. If not, can you pleae tell me how ExtremeTech does this slideshow? Thanks much.

 

[AFB]

Looks like a custom ASP (weird file name eh?) backend with a database.

 

[notfred]

What on earth made you think that was powerpoint? It's a bunch of pages with images that link to other pages with images.

 

[fs5]

wow embedded PowerPoint. That's so awesome.

 

[overclockingoodness]

You don't have to be a smartass about it. Do you know what's going on or are you just posting to increase your post count?

By the way, thanks to AFB. Are there other, possibly easier ways to implement this?

 

[Rip the Jacker]

In Adobe Photoshop there's an option for a Web Gallery or something.

I've used that before.

 

[overclockingoodness]

Yes, but can you update the webpage. I know you can replicate it via Flash, but the problem is you can't refresh the page when you click "Next" or "Previous". Thanks.

 

[kamper]

I'm using firefox on linux and I don't see anything fancy (just an image that rotates between 4 actual images) but a look at the javascript suggests that something cooler is going on in IE. What do you see? I'm guessing it's just the pictures blending into eachother as they change. It looks like IE supports a javascript function called blendTrans() that does this.

 

[overclockingoodness]

Oh no. I think you have the wrong idea. Click on the "Slideshow" to link view the slideshow. Once you click on that link, you can click the "Next" and "Previous" buttons to go though the pictures. I don't want the effect (nor do I see any), but I would like to replicate the slideshow.

 

[kamper]

Oh, so it was simpler than I thought Like the others pointed out, it's just pages that link to other pages with other images. How it happens on the backend is somewhat irrelevant but if you want to learn how to do something similar you have to learn a server side language like asp (probably not the best choice) or php.

 

[notfred]

Originally posted by: overclockingoodness
Oh no. I think you have the wrong idea. Click on the "Slideshow" to link view the slideshow. Once you click on that link, you can click the "Next" and "Previous" buttons to go though the pictures. I don't want the effect (nor do I see any), but I would like to replicate the slideshow.

page1.html:
<img src="img1.jpg"><a href="page2.html">next</a>

page2.html:
<a href="page1.html">previous</a><img src="img2.jpg"><a href="page3.html">next</a>

page3.html:
<a href="page2.html">previous</a><img src="img3.jpg"><a href="page4.html">next</a>

etc...

You can do it however you want. You can write some script that looks up the number of images in a database, you can write a script that counts the number of images in a directory, you can code all the individual pages by hand, you can use some tool that makes all the individual pages automatically, etc.

 

[mAdMaLuDaWg]

nm.. I was wrong

 

[overclockingoodness]

notfred: Thanks for the great advice. However, the back-end needs to be friendlier. For example: if a site is as large as ExtremeTech with thousands upon thousands of images and pages, I would guess that you would want to create as little confusion as possible. I know I can do it seperately, but can you help me start on a small script that I can later finish up or something a bit more concrete in php. I think our school has a test website with php back-end, so I can definitely test it out there.

Thanks to everyone who replied.

 

[overclockingoodness]

Also, any idea how I would be able to do this:

http://firingsquad.com/hardware/ati_radeon_x800_xl_roundup/

Display thumbnails and then user clicks on the image to view the full version. Once again, I don't want to do it the long way of creating tons of pages which is going to look like a mess and hard to keep up for larger sites. The method has to be efficient.

Thanks.

 

[fs5]

Originally posted by: overclockingoodness
Also, any idea how I would be able to do this:

http://firingsquad.com/hardware/ati_radeon_x800_xl_roundup/

Display thumbnails and then user clicks on the image to view the full version. Once again, I don't want to do it the long way of creating tons of pages which is going to look like a mess and hard to keep up for larger sites. The method has to be efficient.

Thanks.

the method is that they created a CMS system. extremetech looks like they're using Microsoft CMS. FiringSquad is probably custom.