• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization FastLine Media's Full-Screen Slideshow Tutorial

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Page 57  of  68
Old Apr-20-2012, 10:00 AM
#1121
pbclown is offline pbclown
Big grins
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
Old Apr-20-2012, 04:34 PM
#1122
JessGVi is offline JessGVi
Big grins
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 :)
Old Apr-21-2012, 02:05 AM
#1123
PhotoDavid78 is offline PhotoDavid78
Davidweissphotos.com
PhotoDavid78's Avatar
Quote:
Originally Posted by JessGVi View Post
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.
__________________
David Weiss | Canon 5D Mark III | Pentax K10D | iPhone
My Website
Facebook | Twitter | Google+ | VSCOgrid | Instagram |
Old Apr-21-2012, 05:46 PM
#1124
JessGVi is offline JessGVi
Big grins
Thanks for the response. I thought I had that turned off on most of my pages but I went in and did it universally.
Old Apr-22-2012, 10:52 AM
#1125
krm4zd is offline krm4zd
Beginner grinner
Header issues
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]
Old Apr-23-2012, 05:49 PM
#1126
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by krm4zd View Post
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.
Code:
/* 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.
Code:
/* 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;}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor

Last edited by Allen; Apr-23-2012 at 06:04 PM.
Old Apr-23-2012, 08:36 PM
#1127
Alex_K is offline Alex_K
Major grins
Alex_K's Avatar
Transparent header background is whole page
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
__________________
www.knoppermann.com
Old Apr-25-2012, 09:48 PM
#1128
Alex_K is offline Alex_K
Major grins
Alex_K's Avatar
bump
(can I do that? It's a little cheeky but I'd love some help!)
__________________
www.knoppermann.com
Old May-03-2012, 07:07 PM
#1129
Jduke85 is offline Jduke85
Beginner grinner
Edit: Nevermind! Got it under control!

Last edited by Jduke85; May-03-2012 at 08:31 PM.
Old May-07-2012, 03:58 PM
#1130
divefishski is offline divefishski
Big grins
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.
Old May-09-2012, 07:45 AM
#1131
Jose R is offline Jose R
Beginner grinner
JScript File
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!
Old May-09-2012, 01:24 PM
#1132
spolen23 is offline spolen23
Big grins
spolen23's Avatar
Quote:
Originally Posted by Prettym1k3 View Post
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.
Old May-09-2012, 05:47 PM
#1133
afp is offline afp
Big grins
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!
Old May-09-2012, 08:17 PM
#1134
Benflyfish is offline Benflyfish
Beginner grinner
Hi everyone. I d like to add some music to my slideshow. Is that possible?
Old May-10-2012, 06:37 PM
#1135
Kithan is offline Kithan
Beginner grinner
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;
}
Old May-12-2012, 01:43 PM
#1136
Dota is offline Dota
1st time businessman
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;
}
Old May-12-2012, 01:45 PM
#1137
Dota is offline Dota
1st time businessman
Quote:
Originally Posted by Benflyfish View Post
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
Old May-16-2012, 04:41 PM
#1138
Parsons is offline Parsons
Beginner grinner
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).
Old May-20-2012, 05:41 PM
#1139
charlesdaly is offline charlesdaly
Major grins
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

Last edited by charlesdaly; May-20-2012 at 06:31 PM. Reason: typo in my url
Old May-20-2012, 07:09 PM
#1140
divefishski is offline divefishski
Big grins
[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.
Page 57  of  68
Tell The World!  
Tags
fastline , slideshow , smugmug , smugmug customization
Similar Threads Thread Starter Forum Replies Last Post
Customize the full screen slideshow? brantaleu Legacy SmugMug Customization 2 Dec-08-2010 03:11 PM
Customizing the Full Screen Slideshow mudhouse Legacy SmugMug Customization 3 Dec-26-2009 08:46 PM
Making images in Full Screen slideshow non-clickable? CharlesSA Legacy SmugMug Customization 0 Oct-20-2009 02:06 AM
augh...slideshow -no full screen dbaker1221 Legacy SmugMug Customization 2 May-17-2007 03:10 AM
Recent Changes In Full Screen Slideshow? SamirD SmugMug Support 4 Jun-21-2006 05:50 AM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump