Originally Posted by grosloulou oups, all my pages are now full screen with bio box in owner view. perhaps bio boxtop,... remain,... ??? isn't it easier i give you my password ? best regards

To hide the biobox on those other pages, add the CSS shown in green:

/* galleries find bio pages */
/* .homepage #bioBox,*/
.homepage #categoriesBox,
.homepage #communitiesBox,
.homepage #datesBox,
.homepage #featuredBox,
.homepage #ffBox,
.homepage #galleriesBox,
.homepage #keywordsBox,
.homepage #mapBox,
.homepage #popularPhotos,
.galleries #bioBox,
.recent #bioBox,
.find #bioBox,
.homepage #recentPhotosBox {
display: none;}

I don't want your password. I don't fix/customize people's sites for them. I help you figure out how to fix/customize your own site.

The biobox is supposed to be full screen. That prepares it for the slideshow.

Can you please add a link to your site to your dgrin signture so it's in every post you make. As it is now, I have to go hunting for your site link every time you ask a question in this thread.

Any ideas why the clickURL works here:
http://www.brandolinoimaging.com/gallery/1595381
but not here:
http://www.brandolinoimaging.com

Originally Posted by brandofamily Any ideas why the clickURL works here: http://www.brandolinoimaging.com/gallery/1595381 but not here: http://www.brandolinoimaging.com

I don't know for sure, but I would guess it's because you're using a giant negative margin to position the slideshow upwards which makes it overlap with other objects and perhaps it's not on top of those objects.

I pretty much never use negative margins because they cause object overlap which can lead to problems like this and can lead to browser compatibility issues. I prefer using float with container objects to get objects positioned without overlap and without negative margins.

hallo John,
I finally asked help to smugmug support and i have now a nice slideshow on :
http://labrophotography.smugmug.com/
starting from Richw tuto to have a header and a nav bar... I have found very complex to make your slideshow work.
If I can say, I think that your tuto should be updated to take this case into account.


Because recent and search pages are now turned into stretchy mode by JF code, i now try to have galery page stretchy to like moonriver http://www.moonriverphotography.com/Galleries
see post :
http://www.dgrin.com/showthread.php?t=221995

best regards
marc

Originally Posted by jfriend I don't know for sure, but I would guess it's because you're using a giant negative margin to position the slideshow upwards which makes it overlap with other objects and perhaps it's not on top of those objects. I pretty much never use negative margins because they cause object overlap which can lead to problems like this and can lead to browser compatibility issues. I prefer using float with container objects to get objects positioned without overlap and without negative margins.

Thanks for the input. Would you mind giving me a few pointer on positioning the homepage elements w/o using negative margins?

Originally Posted by brandofamily Thanks for the input. Would you mind giving me a few pointer on positioning the homepage elements w/o using negative margins?

Your layout is far too complex for me to figure out something without the ability to directly modify things and play with the actual HTML/CSS.

When you want two objects next to each other, the usual way of doing so is to make the first one "float: left" and give it a fixed size. The next object encountered in the HTML stream will then be put to the right of it as long as it fits in the available width.

<div class="container">
    <div class="floater contentOne">content here</div>
    <div class="floater contentTwo">content here</div>
</div>

And CSS:

.floater{float: left; width: 100px; height: 600px;}
.contentTwo {width: 300px;}

Example: http://jsfiddle.net/jfriend00/nLEQJ/

Originally Posted by jfriend Your layout is far too complex for me to figure out something without the ability to directly modify things and play with the actual HTML/CSS. When you want two objects next to each other, the usual way of doing so is to make the first one "float: left" and give it a fixed size. The next object encountered in the HTML stream will then be put to the right of it as long as it fits in the available width. <div class="container"> <div class="floater contentOne">content here</div> <div class="floater contentTwo">content here</div> </div> And CSS: .floater{float: left; width: 100px; height: 600px;} .contentTwo {width: 300px;} Example: http://jsfiddle.net/jfriend00/nLEQJ/

I have similar to what you do, at least with the popular images box. I set float left and gave it a size, but the slide show does not show up next to it.
Maybe it has to do with the fact that the popular photo box is a SM element, not my own concoction.

Edit note: yep that's sort of it. If I put the "popular photo" text in the footer w/ the slideshow code (or both in the header) I can use your float idea to get the text and the slideshow next to each other, but I cannot get the popular images box to fit in between the two.

I tried to add a border to the slideshow by adding these texts in the bio box but they don't seem to work.

borderThickness: '40',
borderColor: '616D7E',
borderCornerStyle: 'rounded',

Is it possible to add a boarder?

Originally Posted by tobeme I tried to add a border to the slideshow by adding these texts in the bio box but they don't seem to work. borderThickness: '40', borderColor: '616D7E', borderCornerStyle: 'rounded', Is it possible to add a boarder?

Please include a link to your site and we can see what you have.

Originally Posted by jfriend Please include a link to your site and we can see what you have.

Here is a link to my site: http://wallacehuostation.smugmug.com/

I'm hoping to add a boarder around the slideshow such as the one appearing in Moonriverphotography.

I also have a question on whether it's possible to make the splash photo appears in the middle of the slideshow instead of appearing on the top? Thanks for your help. Much appreciated!

Originally Posted by tobeme Here is a link to my site: http://wallacehuostation.smugmug.com/ I'm hoping to add a boarder around the slideshow such as the one appearing in Moonriverphotography. I also have a question on whether it's possible to make the splash photo appears in the middle of the slideshow instead of appearing on the top? Thanks for your help. Much appreciated!

Moonriver uses a graphic frame. That is fully described starting on page 37 of the slideshow reference.

If you want a simple border around each slide, you can use the slideBorderWidth and slideBorderColor slideshow parameters which are also fully described in the slideshow reference doc.

Originally Posted by jfriend Moonriver uses a graphic frame. That is fully described starting on page 37 of the slideshow reference. If you want a simple border around each slide, you can use the slideBorderWidth and slideBorderColor slideshow parameters which are also fully described in the slideshow reference doc.

Thanks! I opt for the option to put a frame around the slideshow pictures with the help of photoshop. This way it won't slow down the computer. LOL

Your work on the slideshow is amazing. Thanks for sharing.

I have searched this thread and back in November 2011 it was not then possible to embed jfriend slideshow into an external website, is this possible yet... i currently have to use the "share slideshow" option which is flash and therefore wont show on ipads etc.

Many thanks
Car0

Originally Posted by happione I have searched this thread and back in November 2011 it was not then possible to embed jfriend slideshow into an external website, is this possible yet... i currently have to use the "share slideshow" option which is flash and therefore wont show on ipads etc. Many thanks Car0

No, still not possible to use on external web sites.

Thank you for your nice slideshow. I recently converted from the old Flash slide show to yours. Is there a way to keep your slideshow running continuously to the end of my gallery and then repeat without ever stopping?

Originally Posted by Craig831 Thank you for your nice slideshow. I recently converted from the old Flash slide show to yours. Is there a way to keep your slideshow running continuously to the end of my gallery and then repeat without ever stopping?

No. Because some browsers leak memory, I decided it was safer to not allow the slideshow to run forever as that can exhaust all the memory on a computer and eventually crash the browser (yes, that does happen sometimes on the Smugmug flash-based slideshow). Also, I rather doubt that anyone was going to sit there and watch images go for a really long time.

The slideshow will currently run for 200 images and then stop. It can be restarted again (for another 200 images) with the space bar.

Hello,

i installed everything as the directions state, but my slideshow is not working. Can you help me?

Thank you!

Originally Posted by soccermom103 Hello, i installed everything as the directions state, but my slideshow is not working. Can you help me? Thank you!

I could if you included a link to your site.

Im Sorry....www.allstarspics.com

Originally Posted by soccermom103 Im Sorry....www.allstarspics.com

Your script is not correct. This:

<script type="text/javascript">
JF.InsertSlideshowHere({
http://www.allstarspics.com/COMPOSITE-PHOTOS-1/Composites/12531490_ZPGWJt#!i=1665408561&k=WN53Jfs: "",
stretchy: "true"}

);
</script>

should be this:

<script type="text/javascript">
JF.InsertSlideshowHere({
    galleryURL: "http://www.allstarspics.com/COMPOSITE-PHOTOS-1/Composites/12531490_ZPGWJt",
    stretchy: "true"}
);
</script>