Advertisement
Guest User

Untitled

a guest
Jul 7th, 2014
256
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.17 KB | None | 0 0
  1. Process:
  2.  
  3. 1. Move last slide item to be the first child of the slider element
  4.  
  5. Shown area -------------.
  6. | |
  7. <---------- Margin --------->| |
  8. .----------------------------|---------|-------------------\ \-----.
  9. | .--------------------|----. | / / |
  10. | .....|. .-----. .-----. | .--|--. | \ \ |
  11. | . <-`. | 1 | | 2 | | | (3) | | / / |
  12. | ....... `-----` `-----` | `-----` | \ \ |
  13. `----------------------------|---------|-------------------/ /-----`
  14. `---------`
  15.  
  16. Shown area -------------.
  17. | |
  18. <---------- Margin --------->| |
  19. .----------------------------|---------|-------------------\ \-----.
  20. | | | / / |
  21. | .-----. .-----. .-----. | | \ \ |
  22. | | 3 | | 1 | | 2 | | | / / |
  23. | `-----` `-----` `-----` | | \ \ |
  24. `----------------------------|---------|-------------------/ /-----`
  25. `---------`
  26.  
  27. 2. With transition(s) disabled, move slider for it to show the last slide item
  28.  
  29. .---- 0 margin
  30. | .------------ Shown area
  31. . | |
  32. |\| |
  33. .-|---------|------------------------------------------------\ \-----.
  34. | | | / / |
  35. | | .-----. | .-----. .-----. \ \ |
  36. | | | 3 | | | 1 | | 2 | / / |
  37. | | `-----` | `-----` `-----` \ \ |
  38. `-|---------|------------------------------------------------/ /-----`
  39. `---------`
  40.  
  41.  
  42. 3. Move, now with transition(s) enabled, to the first slide item
  43.  
  44. Margin .------------- Shown area
  45. <- Whoosh -| |
  46. | |
  47. .----------|---------|--------------------------------------\ \-----.
  48. | | | / / |
  49. | .-----. | .-----. | .-----. \ \ |
  50. | | 3 | | | 1 | | | 2 | / / |
  51. | `-----` | `-----` | `-----` \ \ |
  52. `----------|---------|--------------------------------------/ /-----`
  53. `---------`
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement