FAQtoid

steperenko · Jul-05-2012, 08:42 AM #2841

Jfriend, I know this is a gallery page, I want it to look just like this: http://www.ksteppingphotography.com/...3773&k=5b6569Z which was done with your slideshow. I followed your directions in the instruction manual for my other galleries and it worked perfectly.
Installing a Slideshow on a Gallery Page
If you would like to put a slideshow on a gallery page, the easiest way to do so is to insert it into the gallery description. This works very much like inserting the slideshow into the biobox in the first example of the tutorial. Go to the desired gallery page, click on "Edit" for the gallery description and insert code like this into the gallery description (you select your own gallery URL and splash image URL):
<html>
<script type="text/javascript">
JF.InsertSlideshowHere({
galleryURL: "http://jfriend.smugmug.com/Portfolio/Signs/879691_ybBJZ#39801650_zYreW",
splashImageURL: "http://jfriend.smugmug.com/photos/1147964710_L69g9-L.jpg",
stretchy: "true"}
);
</script>
</html>

steperenko · Jul-05-2012, 08:44 AM #2842

I just don't get why it doesn't work on this gallery, http://www.ksteppingphotography.com/...8628&k=HXkfPvC

steperenko · Jul-05-2012, 08:52 AM #2843

Thank you for your time, I think I just fixed it. Thank you for the slideshow!

visualnewbie · Jul-05-2012, 12:07 PM #2844

Hi JFriend, THANK YOU for your slideshow expertise... I have a question tho... your information has been the best for me by far but I want my slideshow to be bigger than it is, I am in the middle of changing it now but would LOVE LOVE LOVE for my slideshow to take up a little bit more use of the page rather than just be a square... how can I stretch it out without stretching out the actual image (full size screen without the full size stretched out image) can you assist me? www.pearldawnphotography.com
Thank you

Just looked thru some of the posts.. what I am looking for is something like http://www.bryanbargerphotography.com/ ***FANTASTIC PHOTOS @BryanBarger... but that is what I want my photos to do expand vertical or horizontal as they are shot to fill the screen... how can I attain this? THANK YOU AGAIN IN ADVANCE

jfriend · Jul-05-2012, 05:57 PM #2845

Quote:

Originally Posted by visualnewbie

Hi JFriend, THANK YOU for your slideshow expertise... I have a question tho... your information has been the best for me by far but I want my slideshow to be bigger than it is, I am in the middle of changing it now but would LOVE LOVE LOVE for my slideshow to take up a little bit more use of the page rather than just be a square... how can I stretch it out without stretching out the actual image (full size screen without the full size stretched out image) can you assist me? www.pearldawnphotography.com
Thank you

Just looked thru some of the posts.. what I am looking for is something like http://www.bryanbargerphotography.com/ ***FANTASTIC PHOTOS @BryanBarger... but that is what I want my photos to do expand vertical or horizontal as they are shot to fill the screen... how can I attain this? THANK YOU AGAIN IN ADVANCE

Right now your homepage slideshow is configured to be the Smugmug slideshow (not the JFriend HTML5 slideshow) so I can't really advise on what you needed to change to make it larger. I'm also travelling so I can only be on the internet sporadically to help.

mhcooperphotography · Jul-07-2012, 06:18 PM #2846

I created one of your slideshows with my web site (http://www.mhcooperphotography.smugmug.com/) and it seems to be working just fine.

I wanted to emulate one of the sites you reference in one of your links (http://www.moonriverphotography.com/).

I have tried several things but just can not seem to get the top level links (e.g. Galleries, Home, Search, Blog, etc.) to show up on my page. Do you know of where I can find the code to create these hot links at the top of my form. I have even looked at the source code but that did not help that much. Any help would be appreciated.

Thanks

ibabahamas · Jul-08-2012, 07:26 AM #2847

Hi Jfriend,

I am new here and I'm trying to install the slide show according to the steps in your tutorial. I have started from scratch several times and I'm still not getting anything on my homepage. Can you please assist me? My site is / http://www.ibabahamas.com/

Thank you.

jfriend · Jul-08-2012, 03:17 PM #2848

Quote:

Originally Posted by ibabahamas

Hi Jfriend,

I am new here and I'm trying to install the slide show according to the steps in your tutorial. I have started from scratch several times and I'm still not getting anything on my homepage. Can you please assist me? My site is / http://www.ibabahamas.com/

Thank you.

I can only really help when I can see your site in the state where you tried to install it so I can see what is missing. Right now your site has the Smugmug slideshow showing. I see the appropriate JF slideshow code in the top javascript and CSS. I do not see any code in the bottom javascript (so that needs to be installed) and the bio is not displayed on the homepage so I can't see whether you have the right activation code in there.

jfriend · Jul-08-2012, 03:18 PM #2849

Quote:

Originally Posted by mhcooperphotography

I created one of your slideshows with my web site (http://www.mhcooperphotography.smugmug.com/) and it seems to be working just fine.

I wanted to emulate one of the sites you reference in one of your links (http://www.moonriverphotography.com/).

I have tried several things but just can not seem to get the top level links (e.g. Galleries, Home, Search, Blog, etc.) to show up on my page. Do you know of where I can find the code to create these hot links at the top of my form. I have even looked at the source code but that did not help that much. Any help would be appreciated.

Thanks

Please start a separate thread for your question about top level links as that doesn't really have anything to do with the slideshow and someone else can help you with those issues.

ibabahamas · Jul-10-2012, 06:49 AM #2850

Quote:

Originally Posted by jfriend

I can only really help when I can see your site in the state where you tried to install it so I can see what is missing. Right now your site has the Smugmug slideshow showing. I see the appropriate JF slideshow code in the top javascript and CSS. I do not see any code in the bottom javascript (so that needs to be installed) and the bio is not displayed on the homepage so I can't see whether you have the right activation code in there.

Hi Jfriend, I have removed the smugmug slideshow and my bio box is now up. The bottom java script was there when I looked at it, so I'm not sure why you can't see it. I have deleted it and put it in again, and nothing is happening.

I think something is wrong with my bottom javascript box. It seems as though any coding I put in there is not working. I'm trying to remove the words "galleries and sub-catagories" according to the javascript you give and that's not working either.

Please help

vegaguy · Jul-10-2012, 12:16 PM #2851

so hey y'all. Got an issue here and I'm hoping someone can set me straight on it. Entered a code to allow slideshows to appear for an enitre Category...
.notLoggedIn .category_Portraits #albumDescription {display:block;}
.notLoggedIn .category_Portraits #photos,
.notLoggedIn .category_Portraits .albumNav {display: none;}

but now I want a none slideshow sub-cat (Fine Art) in there too--> http://www.johnparliphotography.com/Portraits

Any ideas on what I should do here. Been round and round looking but not getting anywhere. HELP! :) Thanks much!

jfriend · Jul-10-2012, 03:47 PM #2852

Quote:

Originally Posted by vegaguy

so hey y'all. Got an issue here and I'm hoping someone can set me straight on it. Entered a code to allow slideshows to appear for an enitre Category...
.notLoggedIn .category_Portraits #albumDescription {display:block;}
.notLoggedIn .category_Portraits #photos,
.notLoggedIn .category_Portraits .albumNav {display: none;}

but now I want a none slideshow sub-cat (Fine Art) in there too--> http://www.johnparliphotography.com/Portraits

Any ideas on what I should do here. Been round and round looking but not getting anywhere. HELP! :) Thanks much!

You'll just have to add a set of CSS rules after the existing ones that reverses the settings for .subcategory_Fine_art.

.notLoggedIn .subcategory_Fine_art #albumDescription {display:none;}
.notLoggedIn .subcategory_Fine_art #photos,
.notLoggedIn .subcategory_Fine_art .albumNav {display: block;}

melissachristine · Jul-11-2012, 09:29 AM #2853

I have almost exactly the same question as vega guy, but it appears I used a different method of putting a slideshow in a category. I don't want the slideshow to appear in any of the subcategories. I used:

JF.InsertSlideshow({

in my Java to insert a new one.

Thank you so much for all you do in this forum. My "customized" smugmug site is really just a collection of your code put together. I am very grateful.

~melissa

mmounts · Jul-11-2012, 12:32 PM #2854

Hello, I was needing help getting the JFriend HTML5 script working on my smugmug page.

I installed all of the script as instructed in the tutorial, as well as inserted the code in my bio. When my page loads, the Splash photo comes up, and the little circle starts in the center like it is loading, but nothing happens.

Is there something I need to do to the album I am pulling from to get it to load?

I am about ready to shoot my computer:-)

Any help would be appreciated.

My site address is http://michaelmountsphotography.com

Thank you

camgrant84 · Jul-11-2012, 11:00 PM #2855

Hi Mate,

Is it possible to use this slideshow, or one like it, on an external webpage - so that I would have a slideshow like this (which is one of the nicest I've seen btw) using images from a smugmug gallery on an external page?

Thanks,

Cam

melissachristine · Jul-12-2012, 01:36 AM #2856

Please ignore my quesiton - I figured it out. Thanks!

jfriend · Jul-12-2012, 02:19 AM #2857

Quote:

Originally Posted by mmounts

Hello, I was needing help getting the JFriend HTML5 script working on my smugmug page.

I installed all of the script as instructed in the tutorial, as well as inserted the code in my bio. When my page loads, the Splash photo comes up, and the little circle starts in the center like it is loading, but nothing happens.

Is there something I need to do to the album I am pulling from to get it to load?

I am about ready to shoot my computer:-)

Any help would be appreciated.

My site address is http://michaelmountsphotography.com

Thank you

Your slideshow seems to be working for me now. Did you figure it out?

jfriend · Jul-12-2012, 02:20 AM #2858

Quote:

Originally Posted by camgrant84

Hi Mate,

Is it possible to use this slideshow, or one like it, on an external webpage - so that I would have a slideshow like this (which is one of the nicest I've seen btw) using images from a smugmug gallery on an external page?

Thanks,

Cam

Sorry, but currently the sllideshow can only be used on a Smugmug web page.

melissachristine · Jul-12-2012, 02:28 AM #2859

I spoke a little too soon. My solution eliminated the slideshow entirely!
I added the slide show to my category with the JF.InsertSlideshow( ) function http://melissachristine.smugmug.com/Swimming/ and yes I have some layout issues!
I want to eliminate it from all the the sub categories. For example http://melissachristine.smugmug.com/...rials-Swimmers (where I also have layout issues !)

Thanks so much!

Shantyman · Jul-12-2012, 03:45 AM #2860

Quote:

Originally Posted by Shantyman

First of all, BIG THANKS for slideshow, that works on my page almost one and half year!

John, could you help me to place my navigation buttons on the left and right sides of the slideshow?
How to position them on the page to make them appear on the center:

Logo+navbar-------
------------
< | slideshow | >
?

Now I've got:

Logo+navbar-------
------------
| slideshow |
.....< > .....

My site is: www.aftervisions.com

Thanks for help ;)

John, I did it! I did it really ;) Experimenting with code.

If somebody wants to have buttons on both right and left screen sides, here is the code:

Code:

#mySlideshowPrevious {
  z-index: 20;
  position: fixed;
  top: 50%;
  left: 20px;
  margin-top: -50px;
  margin-right: -100px; 
  cursor: pointer
}

#mySlideshowNext {
  z-index: 20;
  position: fixed;
  top: 50%;
  right: 20px;
  margin-top: -50px;
  margin-left: -10px; 
  cursor: pointer
}

This is exactly what I wanted! Just great!


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
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Jul-05-2012, 08:42 AM #2841
steperenko Big grins Join Date: May 2012 Location: USA Posts: 47	Jfriend, I know this is a gallery page, I want it to look just like this: http://www.ksteppingphotography.com/...3773&k=5b6569Z which was done with your slideshow. I followed your directions in the instruction manual for my other galleries and it worked perfectly. Installing a Slideshow on a Gallery Page If you would like to put a slideshow on a gallery page, the easiest way to do so is to insert it into the gallery description. This works very much like inserting the slideshow into the biobox in the first example of the tutorial. Go to the desired gallery page, click on "Edit" for the gallery description and insert code like this into the gallery description (you select your own gallery URL and splash image URL): <html> <script type="text/javascript"> JF.InsertSlideshowHere({ galleryURL: "http://jfriend.smugmug.com/Portfolio/Signs/879691_ybBJZ#39801650_zYreW", splashImageURL: "http://jfriend.smugmug.com/photos/1147964710_L69g9-L.jpg", stretchy: "true"} ); </script> </html>

Jul-05-2012, 08:44 AM #2842
steperenko Big grins Join Date: May 2012 Location: USA Posts: 47	I just don't get why it doesn't work on this gallery, http://www.ksteppingphotography.com/...8628&k=HXkfPvC

Jul-05-2012, 08:52 AM #2843
steperenko Big grins Join Date: May 2012 Location: USA Posts: 47	Thank you for your time, I think I just fixed it. Thank you for the slideshow!

Jul-05-2012, 12:07 PM #2844
visualnewbie Beginner grinner Join Date: Jan 2012 Location: Socal Posts: 8	Hi JFriend, THANK YOU for your slideshow expertise... I have a question tho... your information has been the best for me by far but I want my slideshow to be bigger than it is, I am in the middle of changing it now but would LOVE LOVE LOVE for my slideshow to take up a little bit more use of the page rather than just be a square... how can I stretch it out without stretching out the actual image (full size screen without the full size stretched out image) can you assist me? www.pearldawnphotography.com Thank you Just looked thru some of the posts.. what I am looking for is something like http://www.bryanbargerphotography.com/ **FANTASTIC PHOTOS @BryanBarger... but that is what I want my photos to do expand vertical or horizontal as they are shot to fill the screen... how can I attain this? THANK YOU AGAIN IN ADVANCE Last edited by visualnewbie; Jul-05-2012 at 02:01 PM.*

Jul-07-2012, 06:18 PM #2846
mhcooperphotography Big grins Join Date: Jul 2012 Location: Chicago Posts: 13	Help with Top Level Links I created one of your slideshows with my web site (http://www.mhcooperphotography.smugmug.com/) and it seems to be working just fine. I wanted to emulate one of the sites you reference in one of your links (http://www.moonriverphotography.com/). I have tried several things but just can not seem to get the top level links (e.g. Galleries, Home, Search, Blog, etc.) to show up on my page. Do you know of where I can find the code to create these hot links at the top of my form. I have even looked at the source code but that did not help that much. Any help would be appreciated. Thanks

Jul-08-2012, 07:26 AM #2847
ibabahamas Beginner grinner Join Date: Jul 2012 Posts: 2	Hi Jfriend, I am new here and I'm trying to install the slide show according to the steps in your tutorial. I have started from scratch several times and I'm still not getting anything on my homepage. Can you please assist me? My site is / http://www.ibabahamas.com/ Thank you.

Jul-10-2012, 12:16 PM #2851
vegaguy Major grins Join Date: Mar 2009 Location: Chi-Town Posts: 230	so hey y'all. Got an issue here and I'm hoping someone can set me straight on it. Entered a code to allow slideshows to appear for an enitre Category... .notLoggedIn .category_Portraits #albumDescription {display:block;} .notLoggedIn .category_Portraits #photos, .notLoggedIn .category_Portraits .albumNav {display: none;} but now I want a none slideshow sub-cat (Fine Art) in there too--> http://www.johnparliphotography.com/Portraits Any ideas on what I should do here. Been round and round looking but not getting anywhere. HELP! :) Thanks much! __________________ -John http://www.johnparliphotography.com/ http://www.johnparliphotography.blogspot.com/ http://www.facebook.com/pages/Joliet...y/235669552864 http://www.flickr.com/photos/johnpar..._photographer/ https://twitter.com/johnparliphoto

Jul-11-2012, 09:29 AM #2853
melissachristine Big grins Join Date: Oct 2010 Location: Los Angeles, CA Posts: 24	I have almost exactly the same question as vega guy, but it appears I used a different method of putting a slideshow in a category. I don't want the slideshow to appear in any of the subcategories. I used: JF.InsertSlideshow({ in my Java to insert a new one. Thank you so much for all you do in this forum. My "customized" smugmug site is really just a collection of your code put together. I am very grateful. ~melissa

Jul-11-2012, 12:32 PM #2854
mmounts Beginner grinner Join Date: Jul 2012 Posts: 1	Problems with JFRIEND slideshow not loading Hello, I was needing help getting the JFriend HTML5 script working on my smugmug page. I installed all of the script as instructed in the tutorial, as well as inserted the code in my bio. When my page loads, the Splash photo comes up, and the little circle starts in the center like it is loading, but nothing happens. Is there something I need to do to the album I am pulling from to get it to load? I am about ready to shoot my computer:-) Any help would be appreciated. My site address is http://michaelmountsphotography.com Thank you

Jul-11-2012, 11:00 PM #2855
camgrant84 Beginner grinner Join Date: Jun 2012 Posts: 2	Hi Mate, Is it possible to use this slideshow, or one like it, on an external webpage - so that I would have a slideshow like this (which is one of the nicest I've seen btw) using images from a smugmug gallery on an external page? Thanks, Cam

Jul-12-2012, 01:36 AM #2856
melissachristine Big grins Join Date: Oct 2010 Location: Los Angeles, CA Posts: 24	Please ignore my quesiton - I figured it out. Thanks!

Jul-12-2012, 02:28 AM #2859
melissachristine Big grins Join Date: Oct 2010 Location: Los Angeles, CA Posts: 24	I spoke a little too soon. My solution eliminated the slideshow entirely! I added the slide show to my category with the JF.InsertSlideshow( ) function http://melissachristine.smugmug.com/Swimming/ and yes I have some layout issues! I want to eliminate it from all the the sub categories. For example http://melissachristine.smugmug.com/...rials-Swimmers (where I also have layout issues !) Thanks so much! __________________ pictures.melissalundie.com