STOP! You can do this very easily by using your homepage layout button, slideshow box - on your homepage when logged in :) More help.
This flash slideshow is so nice, smooth, and easy to set up! All you need is a Power or Professional SmugMug account.
Some examples: Ivar.smugmug.com, Moonriver photography, BigWebGuy.smugmug.com.
This tutorial uses the 'bio box' for the slideshow.
NOTE: We now have a VERY easy way to add a slideshow to your homepage without using the bio box and getting lost in slideshow parameters, etc. Check it out: http://www.smugmug.com/help/homepage-boxes
Just click on your Homepage Layout button and choose Slideshow. The good news is, this is available on all account levelsl!
Example: PhotoscapeDesign
If you still want to "get your feet dirty," the below still works, as well (for power and pro users).
This flash slideshow is so nice, smooth, and easy to set up! All you need is a Power or Professional SmugMug account.
Some examples: Ivar.smugmug.com, Moonriver photography, BigWebGuy.smugmug.com.
This tutorial uses the 'bio box' for the slideshow.
NOTE: We now have a VERY easy way to add a slideshow to your homepage without using the bio box and getting lost in slideshow parameters, etc. Check it out: http://www.smugmug.com/help/homepage-boxes
Just click on your Homepage Layout button and choose Slideshow. The good news is, this is available on all account levelsl!
Example: PhotoscapeDesign
If you still want to "get your feet dirty," the below still works, as well (for power and pro users).
First, make sure you are logged in to your account.
On the homepage, click 'edit' in your bio-box.
Copy the below code and past it in the bio. Don't forget to hit save:
<html>
<script>
var ssConfig = {
AlbumID: 'XXXXXX',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>
Replace the red X's next to AlbumID in the code with the ID from the gallery that you want to use for your slideshow.
For example, take a look at this link:
http://www.smugmug.com/gallery/2672990_fVVYo#141492208
The AlbumID is the string of numbers following /gallery/. So, in this case, the AlbumID is 2672990.
On the homepage, click 'edit' in your bio-box.
Copy the below code and past it in the bio. Don't forget to hit save:
<html>
<script>
var ssConfig = {
AlbumID: 'XXXXXX',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>
Replace the red X's next to AlbumID in the code with the ID from the gallery that you want to use for your slideshow.
For example, take a look at this link:
http://www.smugmug.com/gallery/2672990_fVVYo#141492208
The AlbumID is the string of numbers following /gallery/. So, in this case, the AlbumID is 2672990.
To remove the bio photo, copy the following code, and paste it in the CSS code box in your customization. To get to the customization page, click on control panel towards the top of your homepage, then click on the Customize tab. One more click on Customize and you will see the CSS box towards the top.
#bioBox .photo {
display: none;
}
To center the slideshow, add the following to your CSS:
#userBio {
text-align: center !important;
}
#bioBox .photo {
display: none;
}
To center the slideshow, add the following to your CSS:
#userBio {
text-align: center !important;
}
Go back to your homepage, and the slideshow will be there!
(Make sure that the source gallery has "external links" set to 'yes', though)
(Make sure that the source gallery has "external links" set to 'yes', though)
Want to get fancy? You can customize the slideshow in many ways!
Don't like the thumbs at the bottom?
In the bio, change:
showThumbs: 'true',
to
showThumbs: 'false',
Don't like the thumbs at the bottom?
In the bio, change:
showThumbs: 'true',
to
showThumbs: 'false',
Want a border around your images? No problem!
Add this to the code in your bio:
borderThickness: '20',
borderColor: 'ffffff',
You can change the thickness by changing the number, and you can change the color by using a different hex-color code.
Add this to the code in your bio:
borderThickness: '20',
borderColor: 'ffffff',
You can change the thickness by changing the number, and you can change the color by using a different hex-color code.
Need more coolness? Check out the offical slideshow page for more options
New comment: Requires approval