Home > CSS Help > One image = Multiple images " DivitoDesign

One image = Multiple images " DivitoDesign

March 20th, 2009

One image = Multiple images " DivitoDesign



… time of our website by optimizing the images we use. … With a small CSS trick, we are able to use only one, big image instead of a number of smaller. …

Source


Similar Posts

    One image = Multiple images " DivitoDesign

    … time of our website by optimizing the images we use. … With a small CSS trick, we are able to use only one, big image instead of a number of smaller. …

    Source

    CSS " planetOzh

    CSS trick: scrolling background image. … in: CSS, Design, Images, Shorties, Web … Filed in: Code, CSS, Images, Web. Posted On: 2005 / 11 / 08. 0 blabla …

    Source

    CSS " planetOzh

    CSS trick: scrolling background image. … in: CSS, Design, Images, Shorties, Web … Filed in: Code, CSS, Images, Web. Posted On: 2005 / 11 / 08. 0 blabla …

    Source

    Inline CSS Images

    Example 7 - Inline CSS Images. Roundtrip response time: stevesouders.com | contact Steve This is the companion website for High …

    Source

    Free Web Template: Wrap Text Around an Image Layout

    An interesting effect in print is the ability to wrap text around an image so that it follows the contours of the image. With this CSS trick, you can mimic this …

    Source

    Free CSS Website Layouts and Templates

    Download free CSS website layouts that are table-less and XHTML 1.0 validated. Pre-styled free CSS website templates save time and speed up website development.

    Source

    jQuery.popeye Inline Lightbox Alternative

    jQuery.popeye transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.

    The compact box has fixed, automatically calculated dimensions. The widht and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area (stage).

    This behaviour can be overriden in the plugin options.

    Also available is a demo page which best shows the behavior of jQuery.popeye.

    The nice thing about jQuery.popeye is that it degrades gracefully into a scrollable list of thumbnails which link to an enlarged version.

    For more details, head over to the jQuery.popeye homepage. You can also go directly to the download page.

    Share

    Read More

    Rich Czyzewski’s Blog : Making ASP.NET Buttons Look Better using CSS …

    CSS Rollover Buttons have been around for quite some time. … Also, take note that the CSS classes for Small Button are displayed in block mode. …

    Source

    CSS Image Maps, Redux - Flickr-like Technique?

    … a number of emails after publishing my first take/experiment on CSS Image Maps. … that requires a single image, some CSS, and a little creativity! …

    Source

    CSS Image Maps, Redux - Flickr-like Technique?

    … a number of emails after publishing my first take/experiment on CSS Image Maps. … that requires a single image, some CSS, and a little creativity! …

    Source