• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Move filmstrip thumbs below the main image

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

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

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Page 3  of  6
1 2 3 4 5 6
Old Jan-12-2011, 05:40 PM
#41
SecondsInTime is offline SecondsInTime
Big grins
Okay, I am having absolutely no luck with this customization stuff AT ALL! I still need to find a dropdown menu type thing that I like, the one in the first sticky in this forum is not working for my taste :/

Anywho, my problem with this. I've read through this entire thread, taken all the suggestions, and I can't get the strip below the image.

Here's a link to the gallery: http://www.smugmug.com/gallery/15395612_oTFZe the password is dec112010

I currently have the filmstripMove = 0 in my CSS, but I have tried putting it in several different places in the bottom javascript as well and it is just not working for me lol... I am completely failing at this customization thing in all aspects.

Here's my CSS related to this thing:
#filmstrip #photos {display:none;}
filmstripMove = 0;

And here's my bottom javascript:

//-----------------------------------------------------------------------
// Move filmstrip thumbs below the main image
// See http://www.dgrin.com/showthread.php?t=135057 for support questions.
// Version 1.0
// -----------------------------------------------------------------------
YE.onDOMReady(PutFilmstripBelow);

function PutFilmstripBelow()
{
if (YD.hasClass(document.body, "filmstrip"))
{
var moveWrapper = document.getElementById("moveWrapper");
var photos = document.getElementById("photos");
if (moveWrapper && photos)
{
var photosObj = photos.parentNode.removeChild(photos);
moveWrapper.parentNode.insertBefore(photosObj, moveWrapper);
photos.style.display = "block";


}
}
}
Old Jan-12-2011, 05:45 PM
#42
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by SecondsInTime View Post
...I've read through this entire thread, taken all the suggestions, and I can't get the strip below the image.

Here's a link to the gallery: http://www.smugmug.com/gallery/15395612_oTFZe
If the gallery is showing as www.smugmug.com then you may have Hide owner set to yes. That tells smug to hide all traces of you - including your customization. Make sure that Hide owner is set to no.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jan-12-2011, 05:52 PM
#43
SecondsInTime is offline SecondsInTime
Big grins
Quote:
Originally Posted by denisegoldberg View Post
If the gallery is showing as www.smugmug.com then you may have Hide owner set to yes. That tells smug to hide all traces of you - including your customization. Make sure that Hide owner is set to no.

--- Denise
Thank you!!!!!!!!!!! :) Alright, progress has been made...

Now to find a nicer looking navigation menu :) lol
Old Jan-12-2011, 06:22 PM
#44
SecondsInTime is offline SecondsInTime
Big grins
I also still haven't managed to get the strip to stop moving... Man I suck at this :( lol
Old Feb-13-2011, 03:15 PM
#45
romarzano4u is offline romarzano4u
Big grins
Thanks!
Thank you..easy peasy..the way I like it!!

Quote:
Originally Posted by jfriend View Post
Some people want to change the filmstrip view so that the thumbs are below the main image rather than above them. You can do that with this customization. Note, this is for the old gallery style called "flimstrip". This customization is NOT for the slideshow gallery view that has similar thumbnails. For the filmstrip view, put this into your site-wide-customization CSS:

#filmstrip #photos {display:none;}

And, put this into your bottom javascript:

Code:
//-----------------------------------------------------------------------
// Move filmstrip thumbs below the main image
// See http://www.dgrin.com/showthread.php?t=135057 for support questions.
// Version 1.0
// -----------------------------------------------------------------------
YE.onDOMReady(PutFilmstripBelow);
 
function PutFilmstripBelow()
{
    if (YD.hasClass(document.body, "filmstrip"))
    {
        var moveWrapper = document.getElementById("moveWrapper");
        var photos = document.getElementById("photos");
        if (moveWrapper && photos)
        {
            var photosObj = photos.parentNode.removeChild(photos);
            moveWrapper.parentNode.insertBefore(photosObj, moveWrapper);
            photos.style.display = "block";
        }    
    }
}
__________________
[FONT=Comic Sans MS]Thanks much![/FONT]
Rose Marzano

[FONT=Lucida Sans Unicode]luhttp[/FONT]://www.organicvisionsphotography.com/

rose@organicvisionsphotography.com
Old May-04-2011, 08:39 PM
#46
Comfortsoft is offline Comfortsoft
Beginner grinner
I havent had any luck with this customization myself. I think my problem is, i dont know where exactly to paste the "#filmstrip #photos {display:none;}" code. I put it in the "CSS" Box under "Page Title" on my control panel & i entered the other code in the bottom javascript as posted but nothing happened. and when i go to the gallery itself am i supposed to set the "Style" to smugmug,slideshow,thumbnails or journal ? because Filmstrip isnt an option
Old May-04-2011, 08:50 PM
#47
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by Comfortsoft View Post
I havent had any luck with this customization myself. I think my problem is, i dont know where exactly to paste the "#filmstrip #photos {display:none;}" code. I put it in the "CSS" Box under "Page Title" on my control panel & i entered the other code in the bottom javascript as posted but nothing happened. and when i go to the gallery itself am i supposed to set the "Style" to smugmug,slideshow,thumbnails or journal ? because Filmstrip isnt an option
Filmstrip is only an option in gallery settings. You would have to select it there for this customization to do anything.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-05-2011, 07:18 AM
#48
Comfortsoft is offline Comfortsoft
Beginner grinner
Quote:
Originally Posted by jfriend View Post
Filmstrip is only an option in gallery settings. You would have to select it there for this customization to do anything.
Is it possible to screen print where i change that option because i have no idea where to change it. I go to my galleries and below everyone it say Setting but i see no Filmstrip option
Old May-05-2011, 07:23 AM
#49
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by Comfortsoft View Post
Is it possible to screen print where i change that option because i have no idea where to change it. I go to my galleries and below everyone it say Setting but i see no Filmstrip option
In gallery settings:



You should realize that the filmstrip viewing style is a very old style and has not been updated in a long time. It does not dynamically size images to automatically fit in the page and most people do not use it any more.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-27-2011, 05:15 AM
#50
jeffscra is offline jeffscra
Big grins
I must have big problems too. I read through the thread and I have a similar problem as the second poster. I see the filmstrip but I don't have the large image anymore. Can someone take a look? My site is jscranton.smugmug.com

Thank you
Old May-27-2011, 07:04 AM
#51
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by jeffscra View Post
I must have big problems too. I read through the thread and I have a similar problem as the second poster. I see the filmstrip but I don't have the large image anymore. Can someone take a look? My site is jscranton.smugmug.com

Thank you
You have to remove all of this from your bottom javascript as it is all causing errors and does not belong here. If you want this code to be active, then put it in your custom footer.

Code:
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAA-HvZRItJQg2WYE9EEaKTJBTu_R2s7t1ncDYDa2Hpz8htwNorHxRUxbVKgANNhSth3Ygw_SVimSJ-YQ" type="text/javascript"></script>

<!-- Histats.com  START  (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="counter create hit" ><script  type="text/javascript" >
try {Histats.start(1,1328655,4,412,112,75,"00011101");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img  src="http://sstatic1.histats.com/0.gif?1328655&101" alt="counter create hit" border="0"></a></noscript>
Removing this should allow the film strip code to work.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-27-2011, 07:14 AM
#52
jeffscra is offline jeffscra
Big grins
Thanks John...I removed everything except the code I pasted in and still no luck. I appreciate the help. jscranton.smugmug.com....all galleries are currently set to use this.
Old May-27-2011, 07:16 AM
#53
jeffscra is offline jeffscra
Big grins
I had the additional code to stop the scrolling in there so I removed it and it now works. So I guess I'm not sure where i should put the filmstripMove = 0;

Thanks
Old May-27-2011, 07:17 AM
#54
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by jeffscra View Post
Thanks John...I removed everything except the code I pasted in and still no luck. I appreciate the help. jscranton.smugmug.com....all galleries are currently set to use this.
Seems to be working here in both Chrome and IE:

__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-27-2011, 07:28 AM
#55
jeffscra is offline jeffscra
Big grins
Im still not able to stop the filmstrip from scrolling. I've tried the code in the CSS section as well as the Javascript section but it seems to not work. Am I placing it in the right areas?
Old May-27-2011, 07:34 AM
#56
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by jeffscra View Post
Im still not able to stop the filmstrip from scrolling. I've tried the code in the CSS section as well as the Javascript section but it seems to not work. Am I placing it in the right areas?
Put this in your bottom javascript:

filmstripMove = 0;
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-27-2011, 07:41 AM
#57
jeffscra is offline jeffscra
Big grins
I placed it before the script, after and inside the script where it is now and it still doesn't stop it. I must be doing something wrong.
Old May-27-2011, 07:45 AM
#58
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by jeffscra View Post
I placed it before the script, after and inside the script where it is now and it still doesn't stop it. I must be doing something wrong.
It goes after the script on a line all by itself. It has nothing whatsoever to do with the other script you have in your bottom javascript and should not be associated with it in any way. Right now, you have it in the middle of that script.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old May-27-2011, 08:15 AM
#59
jeffscra is offline jeffscra
Big grins
I cut and pasted it out and put it at the bottom but it is still scrolling. :-)Thanks for the help.
Old May-27-2011, 08:50 AM
#60
jfriend is offline jfriend OP
Scripting dude-volunteer
Quote:
Originally Posted by jeffscra View Post
I cut and pasted it out and put it at the bottom but it is still scrolling. :-)Thanks for the help.
Smugmug's instructions are not clear on this. I tried it in my own bottom javascript and it did not work. Then, I tried putting that line in the top javascript and it did work. So try putting just that one line in the top javascript.
__________________
--John
HomepagePopular
JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Page 3  of  6
1 2 3 4 5 6
Tell The World!  

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