JS sliding gallery

Out of context: Reply #2

  • Started
  • Last post
  • 13 Responses
  • ukit0

    So ismith you could take an example like this (not sure if this is the ultimate best example, but it works):

    http://gadgetinspiration.com/blo…

    And in terms of this example, find the CSS style for the "slider-runner" div and delete the lines that set the overflow-x and overflow-y to hidden. Then you should be able to see all the images.

    In terms of lowering the opacity of images that are not in the main view, you could set all the images to a low opacity by default in the CSS. Then, on the buttons that toggle through the slideshow, add a function or a line of code that first resets them all to low opacity, then fades the selected image to full opacity.

    • How would I go about "adding a function... uh...etc" to change the opacity? :Pismith
    • Take a look here: http://api.jquery.co…ukit
    • Ohhhhh so that's what was meant by "easing"... I can "ease" individual CSS properties through the animation...ismith
    • animation's duration...ismith
    • Welcome to the wonderful world of JQuery:)ukit

View thread