Grow your CSS skills. Land your dream job.

jQuery Cycle by malsup Thumbnail Nav Modification Question

  • # May 1, 2012 at 10:28 am

    I would like to use Cycle by malsup with Thumbnails like in this example, but, is there a way I can avoid adding a separate unordered list to html markup that specifies thumbnail images?

    This example works great, but, the thumbs need to be square and images in slider are rectangular and the pageAnchorBuilder scales the original but doesn’t crop to a different pixel ratio.

    I’ve seen an example (nivo) where the “rel” attribute can be used in the to specify a path to a separate thumbnail for that slide which the javascript can “see” without needing a separate unordered list in markup.

    Any suggestions? There’s probably an example of Cycle that can accomplish this somewhere… If someone can point me in right direction.

    Thank you,
    CM

    # May 1, 2012 at 12:20 pm

    This should be easily resolved by replacing slide.src with silde.rel but it did not work. Anyone know why?

    http://jsfiddle.net/tovic/2gktS/

    # May 2, 2012 at 12:15 pm

    Maybe this will help explain issue…

    # May 2, 2012 at 3:41 pm

    Working version

    # May 3, 2012 at 4:38 am

    Ah, OK. I understand hehe
    Now the condition is so inverted. I seem asking about this. :p

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

You must be logged in to reply to this topic.

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