I seem to be having some sort of problem. I have installed the code to both the bottom js box and the css box, inserted my gallery id and have the gallery settings correct, but the slideshow will not show up. My site is oertelphoto.smugmug.com. Thanks for your help

Howdy, I recently installed the slideshow and it works great! My issue may be beyond what can be helped here so I'm more looking to be pointed in the right direction.

My site is at http://gibsonvisuals.com

My vision is to have a solid white or off white header and footer with a stretched image between. The footer would have the social links which are currently broken and at the top of the page. I realize this will change the aspect ratio of the slideshow and maybe this isn't possible without modifying a lot of the jscript. Or, maybe I'm totally over thinking it.

Normally I just play with stuff in Web Dev until I get what I want, but with this - I dunno. I'm having a hard time figuring out where to start.

Any advice would be great :)

Originally Posted by JessGVi Howdy, I recently installed the slideshow and it works great! My issue may be beyond what can be helped here so I'm more looking to be pointed in the right direction. My site is at http://gibsonvisuals.com My vision is to have a solid white or off white header and footer with a stretched image between. The footer would have the social links which are currently broken and at the top of the page. I realize this will change the aspect ratio of the slideshow and maybe this isn't possible without modifying a lot of the jscript. Or, maybe I'm totally over thinking it. Normally I just play with stuff in Web Dev until I get what I want, but with this - I dunno. I'm having a hard time figuring out where to start. Any advice would be great :)

Great site. just a note. you have Original photo size enabled and right click protection off. Anyone can easily save your photos and print them full size.

Thanks for the response. I thought I had that turned off on most of my pages but I went in and did it universally.

Hey there. I'm following the Fastline Full Screen slideshow customization
but the header is not at the top of the page http://kellyreneephoto.smugmug.com/
can someone help me fix it? The header is also very wide. I used the png white header that came w/ the download. [/URL]

Originally Posted by krm4zd Hey there. I'm following the Fastline Full Screen slideshow customization but the header is not at the top of the page http://kellyreneephoto.smugmug.com/ can someone help me fix it? The header is also very wide. I used the png white header that came w/ the download. [/URL]

While you're waiting for an answer add a space before repeat. Also the add -x for repeat.

/* EZ Customizer Header. */
.notLoggedIn #customHeaderContainer {
    width:100% !important;
    height:auto !important;
    padding:0 !important;
    background:url(/photos/i-5bxvqB9/0/Ti/i-5bxvqB9-Ti.png) repeat-x;
}

Looks like your banner logo has way too much blank space top and bottom. Crop off that blank space.
The extra space is pushing it down from the top and content below down.

Here's a hack that gets around this, add the space before repeat and new #customLogo rule. But neg
margins should not be used as below. I also set height of #customLogo to not show bottom part of image.
Crop photo and these won't be needed.

/* EZ Customizer Header. */
.notLoggedIn #customHeaderContainer {
	width:100% !important;
	height:auto !important;
	padding:0 !important;
	background:url(http://kellyreneephoto.smugmug.com/photos/i-5bxvqB9/0/Ti/i-5bxvqB9-Ti.png) repeat;
}

.homepage #customLogo { margin-top:-60px; height: 200px;}

Hi,

The transparent header background works great on my homepage (www.knoppermann.com) but it extends down to cover most of the page on some other pages such as:

www.knoppermann.com/featured and
www.knoppermann.com/galleries and
www.knoppermann.com/Travel etc.

I'm guessing this has something to do with one of my wrapper settings (header wrapper? body wrapper?) but I don't know what to change.

Thanks for the help
Alex

bump
(can I do that? It's a little cheeky but I'd love some help!)

Edit: Nevermind! Got it under control!

I have similar issue with Iman11 on list #10: the homepage slide show is blank but my other pages (Passion and Guestbook) the slideshow is still working. I must be missing something here. Would appreciate guidance... also am a beginner level and new in smugmug. Thanks.

I have tried everything to open the JScript File for fullscreen. I followed the FAQ suggestions and still it will not open.

Would anyone be so kind as to either post the code here or send it to me?

info@joserodriguezphotography.com

Thank you so much!

Originally Posted by Prettym1k3 I need a little help: I've got the separate galleries code in my page. But now that I've added the "www.michaeljamesphotostudio.com/galleries" link to my navbar, when I click galleries it just takes you back to my homepage slideshow. Any ideas?!?!? Update: I figured out this problem. All is well in Michael James Photography land. ----------------- Still need help with this, though. Also, when I added this to my code: My slideshow completely stopped loading. Any ideas on this one?

Take the brackets off and it will work.

I'm sure this has probably already been asked, but can anyone give me some pointers on how to add a drop down menu to my site. I have tried the drop down from the main thread, but I can't seem to get it in the header, it just sits under the header. Any tips would be great!

Hi everyone. I d like to add some music to my slideshow. Is that possible?

Hi everybody
I've spent hours following Fastline tutorial and DG posts on the full screen slide show. I'm on a last problem and I don't find the solution. Here's my link : www.yanlerval.com
There is no grey background behind my logo and nabber on my homepage although it is there on all my other pages.
Anything to help me get done with this thing. Thank you very much
Yan

Here's the css :
/************************************************** ******
* Fullscreen Slideshow CSS
*
* By: FastLine Media - http://www.fastlinemedia.com
************************************************** *****/

html, body {
height: 100% !important;
}

/* Slideshow Position */
.fl-widget-slideshow {
position:absolute;
z-index:1;
top:0;
left:0;
}

/* Hide Scrollbars */
.notLoggedIn.homepage {
overflow:hidden;
}

/* Position the #bodyWrapper above the slideshow. */
.notLoggedIn.homepage #bodyWrapper {
position:relative;
z-index:2;
}

/* Hide the homepage boxes and breadcrumb. */
.notLoggedIn.homepage .box,
.notLoggedIn.homepage #breadcrumb {
display:none;
}

/* EZ Customizer Header. */
.homepage.notLoggedIn #customHeaderContainer {
width:100% !important;
height:auto !important;
padding:0 !important;
background:url() repeat;
}
.homepage.notLoggedIn #customHeaderContainer table {
padding:5px 15px 0;
}

/* EZ Customizer Footer. */
.homepage.notLoggedIn #customFooter {
position:fixed;
bottom:25px;
width:100%;
padding:0 !important;
}

/* Put SmugMug's footer on the bottom of the page. */
.notLoggedIn.homepage #footer_wrapper,
.notLoggedIn.homepage #cobrand_footer {
position:fixed;
bottom:0;
width:100%;
padding:0 !important;
}
.notLoggedIn.homepage #footer_wrapper a,
.notLoggedIn.homepage #footer_wrapper .text,
.notLoggedIn.homepage #cobrand_footer a,
.notLoggedIn.homepage #cobrand_footer .text {
font-size:10px;
color:#999999;
}
.notLoggedIn.homepage #footer {
width:auto !important;
}
.notLoggedIn.homepage #feeds {
display:none;
}

/* CSS to support the multi homepage hack. */
.mycustompage,
.galleries,
.map,
.featured,
.recent,
.featured-events,
.find,
.mysearch {
overflow:auto !important;
}

.mycustompage #customFooter,
.mycustompage #footer_wrapper,
.mycustompage #cobrand_footer,
.galleries #customFooter,
.galleries #footer_wrapper,
.galleries #cobrand_footer,
.map #customFooter,
.map #footer_wrapper,
.map #cobrand_footer,
.featured #customFooter,
.featured #footer_wrapper,
.featured #cobrand_footer,
.recent #customFooter,
.recent #footer_wrapper,
.recent #cobrand_footer,
.featured-events #customFooter,
.featured-events #footer_wrapper,
.featured-events #cobrand_footer,
.find #customFooter,
.find #footer_wrapper,
.find #cobrand_footer,
.mysearch #customFooter,
.mysearch #footer_wrapper,
.mysearch #cobrand_footer {
position:static !important;
}


#customHeaderContainer {
width:100% !important;
height:auto !important;
padding:0 !important;
background:url(http://www.yanlerval.com/photos/i-69...69p4L3F-TI.png) repeat;
}
#customHeaderContainer table {
padding:5px 15px 0;
}

Hey Kitlan, I don't know if this solves the problem that you're having but looking at your code I notice the following...

.homepage.notLoggedIn #customHeaderContainer {
width:100% !important;
height:auto !important;
padding:0 !important;
background:url(no background image on homepage) repeat;
}

vs.


#customHeaderContainer {
width:100% !important;
height:auto !important;
padding:0 !important;
background:url(http://www.yanlerval.com/photos/i-69...69p4L3F-TI.png) repeat;
}

Originally Posted by Benflyfish Hi everyone. I d like to add some music to my slideshow. Is that possible?

Follow this customization thread....

http://www.dgrin.com/showthread.php?...ighlight=music

Does anyone know where I find a modification to this code, or a separate tutorial that gives the slideshow photos some motion? For example each photo would have a random slow pan (zoom in, zoom out, diagonal pan, etc).

I'm obviously missing something and seek help. I've been using the first ver. of Fastline stretchy slideshow and deliriously happy with it. Now that smug has a stretchy setting for other pages, everything works really smooth. I used EZ for the header and my navs and used my own .png for my logo. Question is, how to have my nav menu on top of the header -as part of the header but with active links?
My current EZ navs are ok but not the same font as my header. (yes, I pick on myself like that all the time :)
My header is 700x100, trans bg

Just not getting that part.
I hope Allen is home....
Thanks, as usual!
http://www.charlesdalyphotography.com

[QUOTE=Justin B;1553577]If you are looking for a "full screen" or "supersized" HTML5 slide show on your SmugMug home page like this or this, you are in the right place. In addition to the slide show, the CSS for this tutorial will also customize a header made with the easy customizer to be full width and have an optional transparent background.


Under my homepage slideshow: www.scubahead.com, I have setup the 'Random Start' and 'Randomize' under Slideshow Settings to 'Yes' but it is not working. The slideshow starts on the first image and slideshow in sequencial order but not random start and randomize. It could be in the Advance Customization code or somewhere that prevents this slideshow to random start and randomize. Any help is greatly appreciated. Thanks.