|
|
Thread Tools | Display Modes |
|
#3161
|
|
|
Big grins
|
|
|
|
|
|
#3162
|
|
|
Scripting dude-volunteer
|
You could just use your own HTML to layout a grid of slideshows (3x3 or something like that). You could put them in a table or use CSS to layout the grid. You could have them all drawing random start and random order from the same gallery or give them each their own gallery to avoid dups.
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
|
#3163
|
|
|
Beginner grinner
|
Thank you so much for sharing the code. I am trying to build my site with all the information I can get from this forum. However, I have no knowledge about programming or web design.
I like the slideshow. However, I don't know why there is a thick black space on the top and at the bottom of the slideshow photo, which makes me cannot show the full photo in the screen. the photo size I am using now is 1200 x 800. I have captured the screen for your view. Can anyone tell me what happen? Here is what I got now. www.terenceyam.com ![]() Here is the effect that I want to have (created by photoshop as reference only) ![]() Thanks, Terence |
|
|
|
|
#3164
|
||
|
"tweak 'til it squeaks"
|
Quote:
banner and nav, to advanced customization to do it correctly. Add to CSS Code:
.homepage #customNav { margin-top:75px !important;}
.homepage #customHeaderContainer { padding-top: 0 !important; margin-bottom: -90px !important; width: 1200px !important;}
.homepage #customLogo {margin-top: -20px !important;}
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
||
|
#3165
|
|
|
Major grins
|
Formatting problems...
Hello there!
Thanks for all the work you have put into this. I have searched MANY pages & learned most of my bugs. But I am stumped on this one. I am having formatting problems once I insert the slideshow code into the gallery description. Here is what I would like for the page to look like below the slideshow. ![]() However, once I add the code, the formatting gets all bunched up together like this:
|
|
|
|
|
#3166
|
||
|
"tweak 'til it squeaks"
|
Quote:
You can't just use them around the slideshow. Then use html for the rest, meaning <br />'s for new lines, etc. See if this works for you. Code:
<html>
<script type="text/javascript">
JF.InsertSlideshowHere({
galleryURL: "http://www.legacyphotography-ky.com/Other/Senior-Slideshow/25129641_MCmBRw#!i=2060444199&k=v9tQnks",
splashImageURL: "http://www.legacyphotography-ky.com/photos/i-qf36sTw/0/L/i-qf36sTw-L.jpg",
transitionsList: "Fade",
transitionDuration: "1.5",
betweenTransitionsTime: "1.5",
splashMinDisplayTime: "2",
stretchy: "true",
maxW: "600",
maxH: "400",}
);
</script>
<br /><br />
<center><strong><font size="7">Hey 2013 seniors!</font></strong></center>
<hr width="760">
<p>Can you believe your last year of high school has arrived?</p>
<p>You are in need of senior pictures & I am in need of your help. I need a few Senior Representatives! I have an idea that you & your parents will love. Your parents will love that you are saving them money with these incentives, and you will get the chance to have fun and get some great portraits from your very own photo session (in studio, on location or a little of both).</p>
Here is what the Senior Representative receives:<br />
<ul>
<li>A set of 5 web-resolution images & one facebook banner of your choice from your session. These are great for Facebook, email or personal websites & blogs.</li>
<li>48 personalized Senior Representative cards with your images to give to friends to earn your referrals.</li>
<li>You also get participation in my incentive program (see below).</li>
<li>Each of your referrals receive a $10 discount on prints from their session in addition to the 10% off each client receives if they order in the first week of their gallery's availability. Referrals must have one of your represenative cards as proof of referral.</li>
</ul>
Incentives:
<ul>
<li>Refer just one person that books a senior session and your senior session fee will be reimbursed!</li>
<li>For each additional person that you refer that book a session you will earn Walmart gift cards or Towne Square Mall gift certificates ($10 per referral).</li>
<li>10% discount on print order if ordered within first week of gallery's availability.</li>
</ul>
<br />
SENIORS MUST BE PHOTOGRAPHED BEFORE APRIL 21, 2013 TO QUALIFY AS A SENIOR REPRESENTATIVE.
<center><a href="http://legacyphotography.wufoo.com/forms/seniorjunior-representative-application/" target="_blank"><font size="4"><strong>Senior/Junior Representative Application</strong></font></a></center>
<br /><br />
<center><strong><font size="7">Hey juniors!</font></strong></center>
<hr width="760">
<p>I need a few portrait representatives! This opportunity will pay for itself now & later! You will have photos to show off now & get a free senior session when one of your friends books their senior session! Check out the incentives below.</p>
Here is what the Junior Representative receives:
<ul>
<li>A complimentary photo session during your junior year in late March or April.</li>
<li>A set of 5 web resolution images & one facebook banner of your choice from your session. These are great for Facebook, email or personal websites & blogs.</li>
<li>48 personalized representative cards with your images to give to friends to earn your referrals.</li>
<li>Each of your referrals receive a $10 discount on prints from their session in addition to the 10% off each client receives if they order in the first week of their gallery's availability. Referrals must have one of your represenative cards as proof of referral.</li>
</ul>
Incentives:
<ul>
<li>Refer just one person that books a Senior Session and your senior session is absolutely free.</li>
<li>For each person that you refer after that you will earn prints or referral credit towards your own senior pictures and albums ($10 per referral).</li>
<li>10% discount on print order if ordered within first week of gallery's availability.</li>
</ul>
(Referrals must have representative card at time of booking to be counted as one of your referrals.)
<br /><br />
JUNIORS MUST BE PHOTOGRAPHED BEFORE APRIL 21, 2013 TO QUALIFY AS A JUNIOR REPRESENTATIVE.
<br /><br />
<center><font size="4"><strong><a href="http://legacyphotography.wufoo.com/forms/seniorjunior-representative-application/" target="_blank">Senior/Junior Representative Application</a></strong></font></center>
<br />
<font size="6"><strong>All Portrait Representatives Must:</strong></font>
<ul>
<li>Have great style and lots personality</li>
<li>Enjoy being in front of the camera</li>
<li>Be a Junior or Senior in High School</li>
<li>Attend a school in Owensboro or Daviess County Public Schools</li>
<li>Agree to tell your friends and classmates about Legacy Photography and share your portraits <br />from our session with them</li>
<li>If you are under the age of 18, your parents or legal guardian must sign a <a href="http://www.legacyphotography-ky.com/Other/Model-Release-Form/25130339_b2WnsW#!i=2060488012&k=8pTdbTC">Model Release form</a></li>
</ul>
</html>
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
||
|
#3167
|
||
|
Major grins
|
Quote:
|
|
|
|
||
|
#3168
|
|
|
"tweak 'til it squeaks"
|
Almost all the times after saving changes that include javascript the browser has to be refreshed.
__________________
Al My Website my Blog Mozilla Firefox Web Developer Firebug Customization FAQ Banner/Navbar/Slideshow Tutor |
|
|
|
|
#3169
|
|
|
Major grins
|
Gotcha! Thanks so very much! I really do appreciate your help! That was one more thing to scratch off my "to do" list that seems to be getting larger all the time! Thanks Allen!
|
|
|
|
|
#3170
|
||
|
Big grins
|
Embedding JFriend HTML Slideshow on other sites
Is there a way to embed the JFriend slideshow code on a site outside of smugmug? Something similar to how you can embed the code from smugmug slideshows with the showit option?
Quote:
__________________
Tracy :photo Prime Digital Photography [FONT=Arial]Capturing life one fraction of a second at a time[/FONT] http://www.primedigitalphotography.com/ http://profile.myspace.com/index.cfm...ndid=195119389 |
|
|
|
||
|
#3171
|
|
|
Scripting dude-volunteer
|
Not currently, sorry. The slideshow relies on some things that are only available on a Smugmug site. It is possible, but isn't something I've implemented yet.
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
|
#3172
|
|
|
Light Capturing Fool
|
This slide show code is so awesome, and I can't wait to get it functioning the way I want.
Is there a way to have the slide show pull photo randomly from all of the photos in my galleries? Or maybe most recent uploads? I know the SmugMug slideshow can do most recent uploads, so I was just curious. Also, I want to make the slideshow bigger, but without clipping off any of the photos edges; is this possible? http://www.nostalgicimaging.com/ I can make my banner bigger to match the bigger size of the slideshow if need be. Thanks |
|
|
|
|
#3173
|
||
|
Scripting dude-volunteer
|
Quote:
If you want the slideshow larger, then you have to enable stretchy rather than specify a fixed size. If you follow the tutorial for putting the slideshow in the bioBox, you will get a stretchy slideshow that automatically sizes itself as large as possible without clipping or scrolling.
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
||
|
#3174
|
||
|
Light Capturing Fool
|
Quote:
How do I create a virtual gallery? Sorry, I'm new to SmugMug, so any help is appreciated. Thanks |
|
|
|
||
|
#3175
|
||
|
Scripting dude-volunteer
|
Quote:
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
||
|
#3176
|
||
|
Light Capturing Fool
|
Quote:
I created a Smart Gallery, chose some random keywords just to test it out and it worked. However, I would like to include all of my photos...so, what I did was go back into each gallery and add the keyword Nostalgic Imaging to each gallery. Then, I went back into the smart gallery and tried to add that keyword, but it says No Photos To Display. That keyword isn't even in the list of keywords to choose from. Does it take time to populate or something? |
|
|
|
||
|
#3177
|
||
|
Scripting dude-volunteer
|
Quote:
__________________
--John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question |
|
|
|
||
|
#3178
|
||
|
Light Capturing Fool
|
Quote:
http://www.nostalgicimaging.com/ |
|
|
|
||
|
#3179
|
|
|
Big grins
|
Hi JFriend.
So far all of your tuts have worked for me, except 2 of them. I am very grateful for all of your help. I would be bald if it weren't for you. Questions on slideshow and bio. I installed your new slideshow in the bio section, but it is not stretchy, it is the same size as smugmugs. Please help me make it larger? Also I lose the bio contact picture for my nav bar, is there another way of adding photo to contact page ? A hundred thank yous Shelle http://www.shellette.net/ Last edited by Blizzin; Nov-20-2012 at 11:32 AM. |
|
|
|
|
#3180
|
|
|
Keep Thou my Feet
|
Hi, John-- I'm still back on version 0.9.2 . It works perfectly, but guess I should get around to swapping it with the newest version. Just refreshing my memory here & making sure I don't screw up too badly when swapping it out: So it appears from peeking into my Adv. Customization that I have 3 parts to swap: CSS, Top Javascript, & Bottom Javascript. (bio box too?) I'm assuming I should do it all at once. I know I customized some parts, such as limiting the show to one type of transition, a fade. My question is, are there any parts that I would not have customized at all? I'm just trying to figure out which (if any) parts I can simply swap out without any changes to your code, & where to focus my attention for parts I may have changed. Thanks. (no rush).
__________________
Anna Lisa Yoder's Images - http://winsomeworks.com or http://annalisa.smugmug.com Scribbles at: http://winsomeworks.blogspot.com ... Handmade Photo Notecards http://winsomeworks.etsy.com My Folk Music Group (some free mp3s!) http://daybreakfolk.com |
|
|
|
| Tell The World! | |
| Tags | |
| advanced , custom header , flash , help me , slideshow | |
| Similar Threads | Thread Starter | Forum | Replies | Last Post | ![]() |
| JFriend HTML5 Slideshow | Linisa | SmugMug Customization | 3 | Sep-10-2011 04:57 AM | |
| JFriend Slideshow Covering up Main body and smugmug navbar | stormy315 | SmugMug Customization | 1 | Aug-15-2011 04:47 PM | |
| Clean up bio before installing JFriend HTML5 slideshow | DougG | SmugMug Customization | 6 | Jun-03-2011 12:00 PM | |
| New BETA release | onethumb | SmugMug Support | 64 | Jan-10-2007 05:14 PM | |
| Adobe Camera Raw 2.4 beta (update-full release 1/31/05) | patch29 | The Big Picture | 3 | Jan-31-2005 02:12 PM | |
| Thread Tools | |
| Display Modes | |
|
|