Favs Slide Show
JBHotShots
Registered Users Posts: 391 Major grins
Ok, I've looked and looked and looked for the easiest way to add a slide show to my page. I also know that it's not a super easy thing to do. I also konw that it's out there just a matter of finding it is another thing. I see how much you all help everyone and figured, for me at least, it would be best to get a step-by-step walk through to add one to my page like the one on this page http://cptcorn.smugmug.com/ .
Jamie
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
JBHotShots.com
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
0
Comments
--- Denise
Musings & ramblings at https://denisegoldberg.blogspot.com
http://dgrin.smugmug.com/gallery/2160039
Ok, I get lost at "slideshow containerID". That's where I get confused. Have everything else copied and pasted to javascript and footer box to include gallery I want to use.
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
homepage. In your case with the example site you linked leave it as bioBox.
My Website index | My Blog
Ok, doing real good, I've got it going, now I need to make it bigger and centered on my page. BTW, you all are AWSOME.
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
Add the bold below in the middle of your slideshow javascript code.
/* see properties section */
slideHeight = "400"; //visible height of slide
slideWidth = "600"; //visible width of slide
Add this to your CSS.
#bioBox {text-align:center;}
My Website index | My Blog
Got the size I want, now I've lost my bio. I guess it's a give take huh?
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
Lost your bio? Not understanding.
My Website index | My Blog
Sorry, I guess I should have said my "About Me". I made a link on my navbar but how do I link it? If I use my nickname.smugmug.com then it's just like going to my "Home".
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
Add this to the top of your footer code. Then add the bold to this in yoru CSS.
#myBio {
margin: 0 auto;
margin-bottom: 20px;
width: 600px;
font-size: 15px;
font-family: Comic Sans MS;
font-style: normal;
}
My Website index | My Blog
JBHotShots' home
See sticky thread at top of this forum.
>>> CUSTOMIZATION: Start here <<<
Clilck this in 1st post.
* Basic Customization FAQ - find "copy and paste" code for common requests.
See #24.
My Website index | My Blog
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
#bioBox {text-align:center;
border: 8px ridge #ccc;
margin: 0 auto;
padding: 20px;
width: 580px;
background: #333;
}
#navcontainer ul {
margin: 0;
margin-top:20px;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li a {
text-decoration: none;
padding: .5em 1.4em;
color: #fff;
background-color: #444;
border: 4px ridge #ccc;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #222;
}
/* hides your name (including any 's) */
#userName {display: none;}
/* hides the word home */
#userHome {display: none;}
My Website index | My Blog
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
#myBio {
display:none;
margin: 0 auto;
margin-bottom: 20px;
width: 600px;
font-size: 15px;
font-family: Comic Sans MS;
font-style: normal;
}
.homepage #myBio {display: block;}
.galleries #myBio {display:none;}
My Website index | My Blog
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
might have to kick-start it.
Add in the middle of your show footer code.
/* optionalslideshow variables */
showSlideTransition = true;
BTW, did you see this above? Adds a frame to your show if you want one.
#bioBox {text-align:center;
border: 8px ridge #ccc;
margin: 0 auto;
padding: 20px;
width: 580px;
background: #333;
}
My Website index | My Blog
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
to clear the Smugmug cookies.
My Website index | My Blog
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
Page1 of 8 Next >>>
<<< Prev Page 2 of 8 Next >>>
My Website index | My Blog
Yes, I lost that somehow????
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
http://jbhotshots.smugmug.com/gallery/3167078#P-2-15
Is there another gallery with it missing? Paste a link here.
My Website index | My Blog
No gallery is showing them on my computer. Lemme reboot and get back with you.
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX
JBHotShots.com
Facebook
7DII w/Grip, 50D w/Grip, 24-70/2.8L, 70-200/2.8L, 85/1.8, 50/1.8, Rokinon 8mm FE 3.2, 580EXII 430EX