Grow your CSS skills. Land your dream job.

jcycle malsup scrollhorz issue

  • # May 2, 2012 at 4:53 pm

    ok so I’m almost done my website.
    yay.

    http://www.baseshamai.com

    I created a slideshow up top. press portfolio to see.
    took a lot of coding but I almost have what I want.
    I built my code on top of cycle by malsup.
    the effect I am using in his plugin is scrollHorz

    but when you click right and left you’ll notice the issue. interestingly on resize of window it works good -until you close the portfolio and open it again.

    every other effect works fine. the one I chose of course does not

    my way around this is to reinitialize the slideshow every time you click the portfolio button but that sounds stupid.

    if someone is good at code and want to look through it that would be cool

    and if your confused as where in the code to start looking -look for //CYCLE CRAP

    # May 2, 2012 at 5:02 pm

    I don’t see jquery.cycle.all.js linked in header.

    # May 2, 2012 at 5:05 pm

    nope.
    i made one big script.
    its called all scripts
    i also minified it…
    i figure its in my code not malsups.
    my code is in the last script before head ends

    # May 2, 2012 at 5:20 pm

    ok so I have an option slideResize:0,
    because otherwise it smushed all the thumbs together.
    I think this is causing the problem because when I change it to slide resize:1, it smushed them together but on window resize it fixes

    how can i get it to know the size of my thumbs without smushing them?

    # May 2, 2012 at 5:52 pm

    ok now it works better.
    it seems the container must have a size in pixels not 100%
    so I gave it a width of window.width()

    but it stops working after the window width gets to 1559px

    why would the div stop growing?

    # May 2, 2012 at 6:20 pm

    ok i got it to work in the most weirdest way
    nevermind

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".