Options

Favs Slide Show

JBHotShotsJBHotShots 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

Comments

  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,247 moderator
    edited July 29, 2007
    Ok, I've looked and looked and looked for the easiest way to add a slide show to my page. ... I also konw that it's out there just a matter of finding it is another thing.
    The instructions and code for the slide show is in this post: http://www.dgrin.com/showthread.php?t=28348, titled BigWebGuy's Slide Show Hack.

    --- Denise
  • Options
    timnosenzotimnosenzo Registered Users Posts: 405 Major grins
    edited July 29, 2007
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    The instructions and code for the slide show is in this post: http://www.dgrin.com/showthread.php?t=28348, titled BigWebGuy's Slide Show Hack.

    --- Denise

    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.
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    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.
    In most cases that is the id for the bioBox if you want the show on your
    homepage. In your case with the example site you linked leave it as bioBox.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Allen wrote:
    In most cases that is the id for the bioBox if you want the show on your
    homepage. In your case with the example site you linked leave it as bioBox.

    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.
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    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.

    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;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Allen wrote:
    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

    Got the size I want, now I've lost my bio. I guess it's a give take huh?
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Got the size I want, now I've lost my bio. I guess it's a give take huh?
    See the edit in my last post for centering.

    Lost your bio? Not understanding.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Allen wrote:
    See the edit in my last post for centering.

    Lost your bio? Not understanding.

    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".
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Need your bio info back on your homepage?
    Add this to the top of your footer code.
    <div id="myBio">
    <p>Hey, thanks for visiting my page. I have set this page up for multiple reasons. First I wanted to share my racing photos with everyone. Second, to help pursue my new found dream as an aspiring photographer and business man. I hope that everyone enjoys looking at my pictures.</p>
    <p>
    </p>
    If you have any questions don't hesitate to contact me via email. Feel free to leave me a comment as well, good or bad, to let me know what you think. 
    <p>
    </p>
    I want to give a big thanks to my wife, family and the Dinsmore family, without all of you, I couldn't do this.
    <a href="mailto:jbphotography06@yahoo.com">Jamie Brabson</a>
    </p>
    </div>
    
    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;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Want this to disappear from your homepage?

    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.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Ok, thanks, you were a great help. Now, just after reading through, I saw that by putting false in the transition part, they should fade. When I did that I didn't see a difference. I promise I am almost done.
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Want some more niceness?

    #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;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    My gosh man, you're brilliant. Thank you so much. Trust me, if I need anymore help I know where to look. You have been great...clap.gif
    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
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Uh, oh, my About Me shows up on all of my pages. I just want it on my home page.
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Uh, oh, my About Me shows up on all of my pages. I just want it on my home page.
    Ooops,:D need to tell it not to show everywhere.

    #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;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    As I said before, you're brilliant. Now I think I made an booboo earlier and said I only had one more question. I have one last now....:D I want to make the slides fade in transition. I changed it from true to fasle per the instructions but nothing happened. Any suggestions?
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    As I said before, you're brilliant. Now I think I made an booboo earlier and said I only had one more question. I have one last now....:D I want to make the slides fade in transition. I changed it from true to fasle per the instructions but nothing happened. Any suggestions?
    In the pdf instructions it says add this. Suppose to be fade as default, but
    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;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    I have a bigger problem now. I have lost a few of my pictures from at least one of my galleries. I don't know how but it just happened once I started to change my page. Could you please help.
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    I have a bigger problem now. I have lost a few of my pictures from at least one of my galleries. I don't know how but it just happened once I started to change my page. Could you please help.
    Nothing done here so far should have effected your pictures.headscratch.gif Might have
    to clear the Smugmug cookies.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Actually didn't remove pictures, just the option to go to a page in a gallery instead of going through each individual picture. Any ideas?
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Actually didn't remove pictures, just the option to go to a page in a gallery instead of going through each individual picture. Any ideas?
    Have a link to the gallery in question? Do you mean losing this above the thumbs?
    Page1 of 8 Next >>>
    <<< Prev Page 2 of 8 Next >>>
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Allen wrote:
    Have a link to the gallery in question? Do you mean losing this above the thumbs?
    Page1 of 8 Next >>>
    <<< Prev Page 2 of 8 Next >>>

    Yes, I lost that somehow????
    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
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 29, 2007
    Yes, I lost that somehow????
    Copied those right from this gallery.
    http://jbhotshots.smugmug.com/gallery/3167078#P-2-15

    Is there another gallery with it missing? Paste a link here.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Allen wrote:
    Copied those right from this gallery.
    http://jbhotshots.smugmug.com/gallery/3167078#P-2-15

    Is there another gallery with it missing? Paste a link here.

    No gallery is showing them on my computer. Lemme reboot and get back with you.
    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
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Nope, still not there. I guess it's alright as long as it shows up on everyone else's computer. I'll do a disk clean-up just to be safe.
    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
  • Options
    JBHotShotsJBHotShots Registered Users Posts: 391 Major grins
    edited July 29, 2007
    Did a disk cleanup and still nothing. But like I said before, as long as it still shows up on the viewers computer it shouldn't be that big a deal for me.
    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
Sign In or Register to comment.