Options

Using filmstrip large code for filmstrip small/medium

brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
edited September 21, 2006 in SmugMug API Support & Integrations
In customizing my filmstrip page I found that I needed to widen a few things. Widening the #thumbnails was easy to do, but it b0rged things a bit. The image coming into the frame starts too far away from the arrow and seemingly pops into the screen instead of scrolling in as it should do....
If you put this page in filmstrip (large then small/medium) I think you'll see the issue... http://brandolinoimaging.smugmug.com/keyword/basketball

Any way to call the code for the large filmstrip and have it "play" for the small/medium filmstrip(s)?

Comments

  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 17, 2006
    No takers on this one? Not even to tell me it can not be done, or that it's a waste of time and effort?
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 20, 2006
    Anyone.. anyone... Beuller?
  • Options
    gusgus Registered Users Posts: 16,209 Major grins
    edited July 22, 2006
    Hang in there a short while anthony...we are looking at getting someone to assist you.

    Gus
  • Options
    AndyAndy Registered Users Posts: 50,016 Major grins
    edited July 22, 2006
    brandofamily wrote:
    Anyone.. anyone... Beuller?
    Wait for Ivar, Lee, Mike, if they can.

    I'm off to the beach for a week right now, Anthony ...

    wave.gif
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • Options
    gusgus Registered Users Posts: 16,209 Major grins
    edited July 22, 2006
    Anthony it appears that the few guys that can help you are currently away. We havnt forgotten you.
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 23, 2006
    gus wrote:
    Anthony it appears that the few guys that can help you are currently away. We havnt forgotten you.
    Thnaks. I'll be here waiting...thumb.gif
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 25, 2006
    brandofamily wrote:
    Thnaks. I'll be here waiting...thumb.gif
    Anyone around w/ the ability to help on this one?
  • Options
    AndyAndy Registered Users Posts: 50,016 Major grins
    edited July 25, 2006
    brandofamily wrote:
    Anyone around w/ the ability to help on this one?
    yes, you thumb.gif

    play around with these bits of code
    /*Single Image Large and FilmStrip Large Styles*/
    .Large #stylebar {width:810px; margin-left:9px; _margin-left:9px !important;}
    .filmstrip #filmstrip {width:810px !important;}
    #filmstrip .albumNav {width:782px !important; margin-left:0px !important; _margin-left:0px !important; }
    .filmstrip #stylebar {width:810px; margin-left:9px; _margin-left:9px !important;}
    #filmstrip #moveContainer {width:750px !important; height:118px;}
    #filmstrip #thumbnails {width:700px !important; height: 108px !important;}

    Anthony, dunno what to tell you but if I remove your css then everything is fine.
    Andy

    Portfolio • Workshops • Facebook • Twitter
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited July 25, 2006
    I guess my question/dilema is unclear.
    To get everything to line up as I wish in the filmstrip style, I had to widen the arrows at the ends of the strip (#movecontainer). Now the images appear as if from nowhere instead of scrolling out as they used to. I'm sure this is due to the code that created the small/medium filmstrip #move container using too few images to create the slides we see. The large version of filmstrip uses 1 more slide and thus scrolls seamlessly. Since MY #movecontainer is NOW the width of the large version... I wish to call the large version of the code instead of the small/medium version for the small/medium pages...
    I hope that was clear...
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited August 2, 2006
    brandofamily wrote:
    In customizing my filmstrip page I found that I needed to widen a few things. Widening the #thumbnails was easy to do, but it b0rged things a bit. The image coming into the frame starts too far away from the arrow and seemingly pops into the screen instead of scrolling in as it should do....
    If you put this page in filmstrip (large then small/medium) I think you'll see the issue... http://brandolinoimaging.smugmug.com/keyword/basketball

    Any way to call the code for the large filmstrip and have it "play" for the small/medium filmstrip(s)?
    Bumping for any JS genius w/ time to spare
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited August 17, 2006
    gus wrote:
    Anthony it appears that the few guys that can help you are currently away. We havnt forgotten you.
    Gus... ever find anyone for this? I'm certain it can be done based on the recent JS code hacks that have been accomplished...
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 15, 2006
    Andy wrote:
    Wait for Ivar, Lee, Mike, if they can.

    I'm off to the beach for a week right now, Anthony ...

    wave.gif
    I guess this is the lost mission... I'm still waiting patiently...
  • Options
    ivarivar Registered Users Posts: 8,395 Major grins
    edited September 15, 2006
    brandofamily wrote:
    I guess this is the lost mission... I'm still waiting patiently...
    Try something like this... i think this will do what you want aswell. 
    #filmstrip {
    width: 850px !important;
}

#filmstrip #thumbnails {
    width: 800px !important;
}

#filmstrip #moveContainer {
    width: 850px !important;
    margin: 0 auto !important;
}

#filmstrip {
    margin: 0 !important;
}

#filmstrip #albumNav_top {
    width: 821px !important;
}
    Ivar
    www.ivarborst.nl & smugmug
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 16, 2006
    all that I can do and did have done when I first posted the question. The problem is that the show leaves a big gap as the pics appear from the arrow, then the pop in instead of scrolling in. I need to call the actual filmstrip code for the large version and use it in place of the medium version... That way I can widen the whole thing and still have the scroll in effect....
  • Options
    ivarivar Registered Users Posts: 8,395 Major grins
    edited September 17, 2006
    brandofamily wrote:
    all that I can do and did have done when I first posted the question. The problem is that the show leaves a big gap as the pics appear from the arrow, then the pop in instead of scrolling in. I need to call the actual filmstrip code for the large version and use it in place of the medium version... That way I can widen the whole thing and still have the scroll in effect....
    what browser? seems to work fine here... ne_nau.gif
    Ivar
    www.ivarborst.nl & smugmug
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 17, 2006
    ivar wrote:
    what browser? seems to work fine here... ne_nau.gif
    FF and IE6..

    can you give me a link to your test gallery...Please
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 17, 2006
    ivar wrote:
    what browser? seems to work fine here... ne_nau.gif

    Look at the end of the strip where the image appears....it no longer scrolls in w/ the adjustments...
  • Options
    ivarivar Registered Users Posts: 8,395 Major grins
    edited September 17, 2006
    brandofamily wrote:
    FF and IE6..

    can you give me a link to your test gallery...Please
    Have a look here, and see if it does the same: http://ivar.smugmug.com/gallery/1894683
    Ivar
    www.ivarborst.nl & smugmug
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 17, 2006
    ivar wrote:
    Have a look here, and see if it does the same: http://ivar.smugmug.com/gallery/1894683
    I went to your link... checked the CSS using CSS edit.... that code you posted is not there... or am I missing something....
    If you would, go to my search gallery...

    http://www.brandolinoimaging.com/keyword/austria

    switch to filmstrip... use CSS edit to add your code.... let me know if it works... Thanks
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited September 21, 2006
    Any further insights on this issue?
Sign In or Register to comment.