A beautiful smugmug site by Kimberley Kirven

[leanne-b]

Hi there,

I happened to come across a beautiful smugmug website called Digital Aquarium Photography. http://www.daphotos.net/index.htm

Without stealing or trying to blatantly copy, can someone tell me how I could put my own border on my slideshow photos, and install the little timing button between each photo?? (If that makes sense ...)

Also, Kimberley has a slideshow of her pictures on other pages - can I do this too???

(I hope I'm not being offensive asking these questions.)

Thanks heaps!

Leanne

[Andy]

Hi there,

I happened to come across a beautiful smugmug website called Digital Aquarium Photography. http://www.daphotos.net/index.htm

Without stealing or trying to blatantly copy, can someone tell me how I could put my own border on my slideshow photos, and install the little timing button between each photo?? (If that makes sense ...)

Also, Kimberley has a slideshow of her pictures on other pages - can I do this too???

(I hope I'm not being offensive asking these questions.)

Thanks heaps!

Leanne
Hi, here's a start on the frames:
http://www.dgrin.com/showthread.php?t=52401&highlight=slideshow+frame

The buttons, you can get from the first post in the slideshow thread. Let us know if you need help after looking there?
http://www.dgrin.com/showthread.php?t=28348

[Daphotos]

Leanne -

THANK YOU! :clap

Okay.. now for what I did:

Programs used: Macromedia Flash, Macromedia Dreamweaver, Macromedia Fireworks.

1. The border around the slideshow is a custom job I did in Macromedia Fireworks. I knew that I wanted a simple yet beautiful way to set off the slide show. I then created a placeholder box that was the exact dimensions of the exported Macromedia Flash file of the slideshow. Next, I decided on what type of border I wanted and designed it around the box. Once the design portion of the framing was complete, the magic began.

The trick is in the systematic slicing that I did in Fireworks (I bet you can do this in Adobe Image Ready or whatever web graphic program that you have). Since I knew that I was swapping the dummy box with the real Flash file in Dreamweaver, I created slicing boundaries that would allow me to remove the box while maintaining the framing. The key is to choose the box for the first slice and then create your additional slices around it. Then, I exported the graphics and the code into my web editor, Macromedia Dreamweaver. Once my framing graphic was imported and automatically recreated in Dreamweaver, I deleted the placeholder box and inserted my Flash file. Volia!

2. The slideshow was created in Macromedia Flash and uses xml parsing to randomly preload and transition to different imagery. You can create the same effect in Flash in various ways. However, because I just didn't feel like coding it myself (been there, done that, lost the T shirt), I bought a simple yet remarkably powerful program named Slideshow Pro (www.slideshowpro.net). From there, the customization is endless (well, over 60 different possibilities).

Play with it and let your imagination fly.

Hope that helps!

Thank you very much for your kind words regarding my creative endeavor.

Kimberly Kirven
http://www.daphotos.net

[cabbey]

Beautiful site, but a bunch of your pages seem to be missing backgrounds....

[richW]

Beautiful site, but a bunch of your pages seem to be missing backgrounds....
Try adding /

body {
background-color: #1a1a1a;
background-image: url(/background_dec.gif);
background-repeat: repeat;
}

[Daphotos]

Thanks everyone -

I don't know what browser was causing the problem and that's never happened before. The CSS even has a backup color that it should call as a backup background.

Thanks Rich! I added the suggested "/". Cabbey, did the problem happen again?

Thanks, Kimberly

[richW]

Thanks everyone -

I don't know what browser was causing the problem and that's never happened before. The CSS even has a backup color that it should call as a backup background.

Thanks Rich! I added the suggested "/". Cabbey, did the problem happen again?

Thanks, Kimberly

The background is good now on both Firefox and IE6.

[cabbey]

Thanks everyone -

I don't know what browser was causing the problem and that's never happened before. The CSS even has a backup color that it should call as a backup background.

Thanks Rich! I added the suggested "/". Cabbey, did the problem happen again?

Thanks, Kimberly

Yeah, I'm still seeing it. All the pages that have daphotos.net for the domain in the url are impacted. http://www.daphotos.net/daphotosstyle doesn't seem to have the / that you mentioned adding.

[Daphotos]

I'm editing this post because ::gasp:: I fixed the problem! Dreamweaver wasn't automatically updating the template - dependant files when I modified the template. So, I was making changes and it would look alright on my local machine, but not when I uploaded them. Oddest thing.

Cabbey, if you look at it now, it should be good to go! I also added the ".css" extention to the .css file

http://www.daphotos.net
Smugmug site: http://daphotos.smugmug.com



Thank you! Kimberly

Yeah, I'm still seeing it. All the pages that have daphotos.net for the domain in the url are impacted. http://www.daphotos.net/daphotosstyle doesn't seem to have the / that you mentioned adding.

[cmason]

A bit off-topic....we can run Flash from our smugmug sites? Never asked, but havent seen it done or discussed before...

[Daphotos]

Most likely, if you write in the source .swf url code. Otherwise, I don't believe you can load a Flash file onto the SmugMug site. The Flash slideshows on my site are actually hosted on a different site.

A bit off-topic....we can run Flash from our smugmug sites? Never asked, but havent seen it done or discussed before...