Tag Archives: mootools

SlideItMoo v1.1 – image slider

SlideItMoo v1.1 comes with some new stuff implemented in it. Those of you familiar with version 1.0, skip to download.

SlideItMoo is a banner and image slider developed with MooTools 1.2. Differences from the first version are the fact that the image slider now supports continuous sliding when navigating, offers the possibility to set how the slider will slide ( from left or from right ) when used with the auto slide feature on, offers the possibility to give it the item width ( width of the slider’s items ) and let it display the elements according to that width and the visible items parameter.


Read more

Perfect Full Page Background Image

We visited this concept of re-sizeable background images before… but reader Doug Shults sent me in a link that uses a really awesome technique that I think is better than any of the previous techniques.

This technique and the above background image is credited to this site. Here is what this technique is going to accomplish:

Fills entire page with image, no white space
Scales image as needed
Retains image proportions
Image is centered on page
Does not cause scrollbars
Cross-browser compatible
Isn’t some fancy shenanigans like Flash

This is a very tall order, and we are going to be pulling out all kinds of different stuff to make it happen. First of all, because the image needs to scale, a traditional CSS background-image is already disqualified. That leaves us with an inline image.

http://css-tricks.com/perfect-full-page-background-image/