Originally Posted by simonec Yes, you definitely can. I've done that - or, to be honest, almost done that. My strategy has been to apply the hack that loads many different homepages based on the suffix to the URL and then modify the Javascript provided with the Slideshow to load a different control for each page. Please consider that this is unsupported and that the slideshow does not seem to work with IE10. I am trying to apply a specific customization to obtain a decent result with that browser. I can provide additional information, but please consider that my code is not 100% and that I will not be able to give details for some time, due to strict time constraints at work. -- Simone

Thanks Simone!


I will try to figure it out based on that info; I'm so glad to hear that this is possible!


Any code you can provide (whenever you have a chance) would be appreciated!


Cheers,

Hello,

Does anyone know if the images currently render @2x resolution for viewers using retina displays or other higher-resolution screens? Is it possible to implement this?

Thanks,

My Java Script file won't open. It downloaded but whenever I clicked open nothing happened...am I missing something?

Edit: I figured it out. When I copied the link for the header background, I didn't use the "Share" button, I just copied from the browser window. When I used the "Share" link, everything was fine. Thanks - really like the slideshow.

Hi - I've installed the slideshow on my site (www.timbarnesphotography.com) and it's working well. The only problem I'm having is getting the transparent header to show. I've been reading on this thread and other places, but I just can't figure it out. Any help would be appreciated.

Here's the CSS code:

/************************************************** ******
* 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 (http://www.timbarnesphotography.com/...7109&k=2j99Phm) 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;

I thought I had followed all the great instructions to a t but don't have a separate "slideshow homepage" and then a galleries page without the the slideshow. I did go to the FAQ but could not figure out what I was missing.

I know it is probably something simple! Any suggestions anyone?

Please and Thank You!

Originally Posted by bradpowellphoto I thought I had followed all the great instructions to a t but don't have a separate "slideshow homepage" and then a galleries page without the the slideshow. I did go to the FAQ but could not figure out what I was missing. I know it is probably something simple! Any suggestions anyone? Please and Thank You!

You have not created the "galleries" page. Look at this page and scroll down to "The Galleries Page"
sections and add the javascript and CSS.
http://dgrin.smugmug.com/gallery/2160039

Hi,
Can anyone tell me how to remove the footer from the top of my front page to the bottom? and make the header transparent.
I would like it look similar to the following link: http://www.sammylophotos.com

This is my website so you can see what I mean www.martintuci.com

Thanks
Martin

Originally Posted by Martin Tuci Hi, Can anyone tell me how to remove the footer from the top of my front page to the bottom? and make the header transparent. I would like it look similar to the following link: http://www.sammylophotos.com This is my website so you can see what I mean www.martintuci.com Thanks Martin

You put the javascript in the CSS box. Remove it from there and put it in the correct javascript box.
I don't see the fastLine CSS in the CSS box either.

I am installing the slideshow and all the images are appearing too big. Also I was wondering if it was possible to make the custom header work well with the slideshow because at the moment its just blocking out the top of the photos.

Thanks so much for the tutorial!!! It's easy and convenient!

My web looks much better now!
www.terenceyam.com

MY transparent Banner used to show on all pages and I have no idea what I did to make it stop working. If anybody can take a guess it would be much appreciated. I tried going back to my original code and couldn't even get it to work again then. I use the Easy Customized header then I have this code in my CSS per the tutorial:

/* EZ Customizer Header. */
.homepage.notLoggedIn #customHeaderContainer {
width:100% !important;
height:auto !important;
padding:0 !important;
background:url(http://www.smugmug.com/photos/i-N96Z...-N96ZPQ9-L.png) repeat;
}
.homepage.notLoggedIn #customHeaderContainer table {
padding:5px 15px 0;
}

#customHeaderContainer {margin-top:10px}

My site is

http://www.photographybykatherinemarie.com

Originally Posted by India MY transparent Banner used to show on all pages and I have no idea what I did to make it stop working. If anybody can take a guess it would be much appreciated. I tried going back to my original code and couldn't even get it to work again then. I use the Easy Customized header then I have this code in my CSS per the tutorial: /* EZ Customizer Header. */ .homepage.notLoggedIn #customHeaderContainer { width:100% !important; height:auto !important; padding:0 !important; background:url(http://www.smugmug.com/photos/i-N96Z...-N96ZPQ9-L.png) repeat; } .homepage.notLoggedIn #customHeaderContainer table { padding:5px 15px 0; } #customHeaderContainer {margin-top:10px} My site is http://www.photographybykatherinemarie.com

See if this looks better. Removed the .homepage from the 1st two and changed the margin to 0 in the
last. If it doesn't work you can always change back to the old code.

/* EZ Customizer Header. */
.notLoggedIn #customHeaderContainer {
    width:100% !important;
    height:auto !important;
    padding:0 !important;
    background:url(http://www.smugmug.com/photos/i-N96ZPQ9/0/L/i-N96ZPQ9-L.png) repeat;
}
.notLoggedIn #customHeaderContainer table {
    padding:5px 15px 0;
}

#customHeaderContainer {margin-top:0}

Hi there...
I've read and re-read the installation tutorial and read many of the posts on here... i still cannot figure out what is wrong. I have tried removing all other CSS code and every other tip I could find... please help to find out what I'm doing wrong!
thanks!
kristinnoelle.smugmug.com OR kristinnoellephotography.com

Originally Posted by KristinNoelle Hi there... I've read and re-read the installation tutorial and read many of the posts on here... i still cannot figure out what is wrong. I have tried removing all other CSS code and every other tip I could find... please help to find out what I'm doing wrong! thanks! kristinnoelle.smugmug.com OR kristinnoellephotography.com

You have an error in your bottom javascript. You might have missing a } at the end. Go back and look at
the script you pasted in and make sure you got all of it.

Originally Posted by Allen You have an error in your bottom javascript. You might have missing a } at the end. Go back and look at the script you pasted in and make sure you got all of it.

Thank you! Thank you! I tripple checked and that was exactly the problem. I am up and running and greatly appreciate your help!
K

I understand it's possible to use the FastLine slideshow on a non-SmugMug site, and I think I understand how to do so. But I have the following question:

Is it possible to resize the slideshow to specific dimensions?

I have my Smugmug site setup as a sub-domain (photography.creativeradiance.com) of my main site. My main site is a self-hosted wordpress site (http://CreativeRadiance.com). Right now, I have the flash SmugMug slideshow displayed on the right side of every page, within what wordpress calls a text widget (you can also place html in it). Nothing fancy, just a small slideshow (183X96px), no navigation, it's on every page and starts up automatically.

It would be great to be able to utilize the FastLine slideshow in place of the slower, less compatible SmugMug flash slideshow.

If it's possible to resize, can you point me in the right direction?

Thanks in advance!

Thank you Justin B!
Check out my pimped out Home! Hehe.

It looks a bit weird though. Hmm.
Not sure if I missed a step somewhere.


Fabulous though, so much better and er... Bigger!

www.vanialynd.com

I'd like retina support too. Right now the slideshow scales to the wrong (non-retina) resolution. HiDPI displays are going to become more and more common with iPads, retina Macs, windows support for it and more.

[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. ]


Hi, Thanks for the fullscreen slideshow code. I intalled it and it works great! However, I am having trouble with the header transparent background. Any ideas of how can I make it work?

This is my page:
http://chrisbojanovich.smugmug.com/

Thanks!

/************************************************** ******
* 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;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='');
}
.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. */
.galleries, <-exact name of my "Gallery" page
.map,
.featured,
.recent,
.featured-events,
.find,
.mysearch {
overflow:auto !important;
}

.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;
}