PDA

View Full Version : Slide Show Problems

cebumom2
Nov-26-2007, 01:24 AM
Hi there....to begin with, I followed instructions for the slideshow and it worked. But then I changed my mind and decided to just do a bio pic, of which Allan helped me to fix. Now, I am changing my mind again and doing slideshow....following the same instructions, but never did get it working. I would appreciate any help from the pros!!! Thanks so much!

cebumom2:scratch
www.cebuanomissions.smugmug.com (http://www.cebuanomissions.smugmug.com)
ivar
Nov-26-2007, 02:35 AM
Hi cebumom :wave

The code that you had used for the slideshow was perfect, but you had some CSS in your JavaScript section which made it not work. I took it out (see below) and everything seems to be fine now :thumb


#my_banner {
width: 800px;
height: 161px;
margin: 0 auto;
background: url(http://cebuanomissions.smugmug.com/photos/224898306-L.jpg) no-repeat;
}
cebumom2
Nov-26-2007, 03:06 AM
Wow, that was a really fast response. Thanks so much for your help!!!! God bless....cebumom2



Hi cebumom :wave

The code that you had used for the slideshow was perfect, but you had some CSS in your JavaScript section which made it not work. I took it out (see below) and everything seems to be fine now :thumb


#my_banner {
width: 800px;
height: 161px;
margin: 0 auto;
background: url(http://cebuanomissions.smugmug.com/photos/224898306-L.jpg) no-repeat;
}
cebumom2
Nov-26-2007, 04:18 AM
Again thank you for the fast help, but was wondering if you could help with something else. I have been looking through forums and trying to do this on my own. My lack of css/html knowledge really hinders me. What I would like my front page to look like is this site: http://www.jrinaldiphotography.com/
I like the smaller slideshow with the text on the right or left.

One more thing....can you instruct me how to put border around the pics. I have tried this also, through the tutorial, but I must be placing the code in the wrong place.

Thanks so much.....cebumom
www.cebuanomissions.smugmug.com (http://www.cebuanomissions.smugmug.com)
Allen
Nov-26-2007, 07:38 AM
Again thank you for the fast help, but was wondering if you could help with something else. I have been looking through forums and trying to do this on my own. My lack of css/html knowledge really hinders me. What I would like my front page to look like is this site: http://www.jrinaldiphotography.com/
I like the smaller slideshow with the text on the right or left.

One more thing....can you instruct me how to put border around the pics. I have tried this also, through the tutorial, but I must be placing the code in the wrong place.

Thanks so much.....cebumom
www.cebuanomissions.smugmug.com (http://www.cebuanomissions.smugmug.com)
Try this.
Replace your bio with this.

<html>
<div id="bioText">
<p>
Welcome to Cebuano Missions Photo Gallery!
</p>
<p>
We hope you enjoy the pictures that we have posted since arriving in the Philippines in 2002. Feel free to look through the different tabs up top. We are still working on loading older pics in the Archives section. Please keep checking back with us! We thank you for your prayers!
</p>
<p>
May God bless you all richly!
</p>
<p>
Robert, Connie, Jamin and Jesse Murphy
</p>
</div>

<div id="mySWFslideshow">
<script>
var oParams = new Object;
oParams.AlbumID = "3891726";
oParams.newWindow = 'false';
oParams.transparent = "true";
oParams.splash = "http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png";
oParams.showLogo = "false";
oParams.showThumbs = "false";
oParams.showButtons = 'true';
oParams.borderThickness = '20';
oParams.borderColor = '8B0000';
oParams.crossFadeSpeed = '350';
createSWF(430,430, oParams, "transparent");
</script>
</div>
</html>

Add this to your CSS

#bioText {
width: 250px;
float: left;
position: relative;
top: 20px;
left: 5px;
font-size: 13px;
}

#mySWFslideshow {
float:left;
width: 430px;
height: 430px;
padding: 10px;
margin-left: 10px;
border: 1px solid #121212;
background: #050505;
}
cebumom2
Nov-26-2007, 11:38 PM
Allen, thanks so much :barb ....got it working, and tweaked it a bit. You guys are great! cebumom



Try this.
Replace your bio with this.

<html>
<div id="bioText">
<p>
Welcome to Cebuano Missions Photo Gallery!
</p>
<p>
We hope you enjoy the pictures that we have posted since arriving in the Philippines in 2002. Feel free to look through the different tabs up top. We are still working on loading older pics in the Archives section. Please keep checking back with us! We thank you for your prayers!
</p>
<p>
May God bless you all richly!
</p>
<p>
Robert, Connie, Jamin and Jesse Murphy
</p>
</div>

<div id="mySWFslideshow">
<script>
var oParams = new Object;
oParams.AlbumID = "3891726";
oParams.newWindow = 'false';
oParams.transparent = "true";
oParams.splash = "http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png";
oParams.showLogo = "false";
oParams.showThumbs = "false";
oParams.showButtons = 'true';
oParams.borderThickness = '20';
oParams.borderColor = '8B0000';
oParams.crossFadeSpeed = '350';
createSWF(430,430, oParams, "transparent");
</script>
</div>
</html>

Add this to your CSS

#bioText {
width: 250px;
float: left;
position: relative;
top: 20px;
left: 5px;
font-size: 13px;
}

#mySWFslideshow {
float:left;
width: 430px;
height: 430px;
padding: 10px;
margin-left: 10px;
border: 1px solid #121212;
background: #050505;
}