slideshow and text side by side [Sitemap] - Digital Grin Photography Forum

paulsphotos

Dec-31-2008, 07:01 AM

Hi All,

I am hoping that someone can help me put some text along the side of my slideshow on my homepage, my bio looks like this at the moment:-

<title>Photography in Evesham, Worcs. Paul Dyer offers portraiture, portfolios, press and product photography</title>
****** name="description" content="Photography in Evesham, Worcs. Paul Dyer offers portraiture, portfolios, press and product photography"/>
<html>
********>
var ssConfig = {
AlbumID: '3007385',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(400, 400, ssConfig, 'transparent');
</********
</html>

I am happy to reduce the size of the slide show, but I would like to add some formatted text to one side, I am guessing this can be done, but I have searched and not found any answer as yet.

www.paulsphotos.net (http://www.paulsphotos.net)

Many thanks in advance.

Paul

Allen

Dec-31-2008, 06:30 PM

Hi All,

I am hoping that someone can help me put some text along the side of my slideshow on my homepage, my bio looks like this at the moment:-

<title>Photography in Evesham, Worcs. Paul Dyer offers portraiture, portfolios, press and product photography</title>
****** name="description" content="Photography in Evesham, Worcs. Paul Dyer offers portraiture, portfolios, press and product photography"/>
<html>
********>
var ssConfig = {
AlbumID: '3007385',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(400, 400, ssConfig, 'transparent');
</********
</html>

I am happy to reduce the size of the slide show, but I would like to add some formatted text to one side, I am guessing this can be done, but I have searched and not found any answer as yet.

www.paulsphotos.net (http://www.paulsphotos.net)

Many thanks in advance.

Paul
Welcome to Dgrin :wave

See if you like this. Make the red changes in your bio.

<html>
<div id="myBioShow">
<script>
var ssConfig = {
AlbumID: '3007385',
newWindow: 'false',
...
...
SM.flash.insertSlideshow(400, 400, ssConfig, 'transparent');
</script>
</div>

<div id="myBioText">
<p>xxx xxxxx xx xxxx xxx xxxxx xx xxxx xxx
xxxxx xx xxxx xxx xxxxx xx xxxx xxxx xxxxx
xxx xxxxx xx xxxx xxx xxxxx xx xxxx xxx
xxxxx xx xxxx xxx xxxxx xx xxxx xxxx xxxxx
</p>
<p>xxx xxxxx xx xxxx</p>
<p>xxx xxxxx xx xxxx</p>
</div>
</html>

Add this to your CSS

#myBioText {
text-align: left;
}

#myBioShow {
float:left;
}

paulsphotos

Jan-01-2009, 04:31 AM

Hey Allen, you are the man!

Many thanks for the code it works a treat, happy new year to you!

Cheers

Paul :clap

paulsphotos

Jan-01-2009, 05:09 AM

Allen, I have another question for you....!

I like the popping effect you have on the block of the most popular photos on your homepage, I would like to do something similar, but perhaps as a banner at the top of the page along side my logo, using a selected range of photos?

Do you know how this can be done?

Many thanks again, :bow

Paul