hi Justin,

i do have an issue with my Slide show. it work alright but not getting the right proportion of the size. i tried adding the line "viewerItemPosition:['center top'], " but the slideshow will not work.

here is my site : http://myphotography.smugmug.com/

thanks heaps

First of all i tried searching for an answer for this but came up with so many results that i just got lost.

Im nearly there with the homepage but how do i get the nav bar behind the transparent bar, at the moment it sits just below the header.

Second is there something in Fastline's CSS that turns Smugmugs footer to full even though ive selected mini.

Thirdly in the gallery pages is there a way of adding more space between my text header (created in the Easy Customizer) and the nav bar.
Thanks
J.

Is there any way to improve the viewing quality? I have my site set to crop and the photos just look out of focus. When its not set to crop they are fine. Is there a happy medium somewhere? Or is it an upload/picture dimension issue?
Thanks!

http://www.afergusonphoto.com

I'm having trouble getting the drop shadow to work on my homepage slideshow:
wwww.felipeyang.com

This is what I have in the bottom javascript customization:

width:900,
height:600,
backgroundColor:"FFFFF",
viewerItemCrop:true,
viewerItemPadding:0,
viewerItemBorderSize:'0',
viewerItemBorderColor:'CCCCCC',
viewerItemDropShadow:'2px 2px 3px #333333',
viewerTransitionSpeed:'1',
speed:2500,

From what I can tell by using the Chrome inspect tool, the slideshow seems to run in a frame that is the same size as the slideshow so the drop shadow is outside that frame. If I adjust the slideshow size in the developer tool it works, but if I change the size in the script code, everything is resized. Anyone know how to fix this?

Hi,

First off, the slideshow looks fantastic!

However, my banner and nav bar at the top cant really be seen over the slideshow!

How do i limit the maximum height that the slideshow works at? I would like there to be an area at the top of the page that contains my banner and nav, and then just below that the slideshow fills the remainder of the page.

Hope that makes sense. and thanks in advance.

www.champion-photography.co.uk

James

I don't know what's happen, but my NavBar on header stop to work just for a Visitor Viewer, but works on Owner Viewer.
Thanks
prismaphotography.com

Hi,

I followed the FastLine Media Full-Screen Slideshow (Works Awesome - Thank you) and wanted to know how I can add a Transparent Nav Bar like the one displayed here on each of my pages. http://www.nicolejacobsphotography.com/ This is what my site currently looks like www.leverndanley.smugmug.com. My Nav Bar is not showing on my other pages, so I either have to change the background color or figure out how to copy my Nav or a better one like nicole's has on her site.

Any guidance is appreciated.

Thank you very much for this. I installed this on my site but I lost galleries. Please help me get this back. I don't have any of the links on the top or the bottom.

I install this and I can't get it to show my galleries or any other link on the top. can someone help.

here is the link arttaylorphotography.smugmug.com

Originally Posted by skasol I install this and I can't get it to show my galleries or any other link on the top. can someone help. here is the link arttaylorphotography.smugmug.com

I see your links at the top left. Are you still having an issue?

Originally Posted by jwashburn I see your links at the top left. Are you still having an issue?

Thank you. I tried playing with it a little more and realize I needed to use the custom easy customizer to add the top. I don't know how to make it cleaner like the ones I seem. I wanna have he galleries the way they used to be. It looks like I have to select every single one of them as opposed to I would like a gallery link.

Thanks in advance for any help that u are bale to provide or direct me to the right place to read and try.

Originally Posted by skasol Thank you. I tried playing with it a little more and realize I needed to use the custom easy customizer to add the top. I don't know how to make it cleaner like the ones I seem. I wanna have he galleries the way they used to be. It looks like I have to select every single one of them as opposed to I would like a gallery link. Thanks in advance for any help that u are bale to provide or direct me to the right place to read and try.

The EZ Customizer wont give you much control over the look and feel, you have to use custom CSS and HTML to really control the look and feel.

Check out this thread http://www.dgrin.com/showthread.php?t=52812

It gives you a good place to start.

Originally Posted by jwashburn The EZ Customizer wont give you much control over the look and feel, you have to use custom CSS and HTML to really control the look and feel. Check out this thread http://www.dgrin.com/showthread.php?t=52812 It gives you a good place to start.

Thank u. What I was satin was that the slideshow works with the easy customizer in order to see the galleries. But still doesn't look right.

We will need a bit more information then that, what doesn't look right?

Originally Posted by Smug Eric We will need a bit more information then that, what doesn't look right?

at the top I didn't have any of the links, I had to go to eazy customizer to be able to get some of the links but they look weird, out of line, I have also seen a transparent nav bar. how do I go about that.

Thank you.

Hey everyone! I have followed the directions for the fullscreen slideshow step by step and for some reason I cannot get it to work properly! HELP

I can't get the slide show to work at all either, all the steps where followed

I am having trouble with displaying galleries page. When I try to open galleries, it just shows the slide show and does not open the galleries page. My CSS is as below, can some one please let me know what is wrong with 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. */
.notLoggedIn #customHeaderContainer {
width:100% !important;
height:100% !important;
padding:0 !important;
background:url(http://www.jagmindersingh.com/photos...nzjBT9J-X3.png) repeat;
}
.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;
}

/* hide breadcrumb by default so it doesn't show until after it's been modified */
#breadCrumbTrail {visibility: hidden;

}

.breadCrumbTrail_home, .breadCrumbTrail_category, .breadCrumbTrail_subcategory {display:none;

}

/* CSS for the homepage galleries hack. */
.galleries div#homepage {
display:block !important;
}
.galleries {
overflow:auto !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. */
.galleries,
.galleries,
.map,
.featured,
.recent,
.featured-events,
.find,
.mysearch {
overflow:auto !important;
}

.galleries #customFooter,
.galleries #footer_wrapper,
.galleries #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;
}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}

#feeds {
display:none;

}

.gallery_24519465_PzhbkJ .pageNav {
display: none;

}

I am not able to access galleries on my page. Galleries page just come up with slid show. I tried using the code that ws posted in old post on how to fix htis issue, but it did not worked. I have coped my CSS and JS below:

/************************************************** ******
* 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. */
.notLoggedIn #customHeaderContainer {
width:100% !important;
height:100% !important;
padding:0 !important;
background:url(http://www.jagmindersingh.com/photos...nzjBT9J-X3.png) repeat;
}
.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;
}

/* hide breadcrumb by default so it doesn't show until after it's been modified */
#breadCrumbTrail {visibility: hidden;

}

.breadCrumbTrail_home, .breadCrumbTrail_category, .breadCrumbTrail_subcategory {display:none;

}

/* CSS for the homepage galleries hack. */
.galleries div#homepage {
display:block !important;
}
.galleries {
overflow:auto !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. */
.galleries,
.galleries,
.map,
.featured,
.recent,
.featured-events,
.find,
.mysearch {
overflow:auto !important;
}

.galleries #customFooter,
.galleries #footer_wrapper,
.galleries #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;
}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}

#feeds {
display:none;

}

.gallery_24519465_PzhbkJ .pageNav {
display: none;

}


/************************************************** ******
* Fullscreen Slideshow JS
*
* By: FastLine Media - http://www.fastlinemedia.com
************************************************** *****/

YE.onDOMReady(function()
{
if(YD.hasClass(document.body, "homepage")&& !YD.hasClass(document.body, "galleries") && YD.hasClass(document.body, "notLoggedIn")) {

var hideOn = [
'galleries',
'galleries',
'map',
'featured',
'recent',
'featured-events',
'find',
'mysearch'
];

for(var i = 0; i < hideOn.length; i++) {
if(YD.hasClass(document.body, hideOn[i])) {
return;
}
}

var ss = new FL.widget.Slideshow({
id:document.body,
sourceType:'smugmug',
source:{
APIKey:'7w6kuU5Ee6KSgRRExf2KLgppdkez9JD2',
gallery:'24482807_DzLjSG'
},
speed:3000,
stretchy:true,
useGrid:false,
viewerItemPadding:0,
viewerItemCrop:true,
viewerItemBorderSize:0,
viewerItemDropShadow:'',
viewerTransitionSpeed:0.7,
loadingImage:''
});
}
});

/**
* @filename slideshow-full.js
* @package fastline.js
* @subpackage bundles
* @version 1.1.0
* @copyright (C) 2010 FastLine Media (www.fastlinemedia.com)
* @license This copyright notice must remain intact.
* Complete licensing information can be found at:
* http://cdn.fastlinemedia.com/fastlin...st/license.txt
*/

I installed the gallery and it is displaying, but I want the 'standard' version that's not full screen. Is there separate CSS for that one? I can only find the fullscreen one at http://www.fastlinemedia.com/blog/sm...show-tutorial/.