New Graphic Design Scripts for Web
Angular Background can read user input and change the background image of a page.Besides the entire page, the directive can be used to change the background of specific page elements as well, and also works with remotely hosted images, local photos, and...
Tab Gallery is ideal for deploying on your site as a simple way to showcase your photos and videos.The component is easy to setup and shows a list of tabs, each which can contain photos and videos.For each image titles can be added, and when clicked these...
Easy Image Gallery Horizontal reads a XML file from where it extracts a list of thumbnails, their corresponding higher resolution photos, and descriptions for each.Using these details it builds a photo slider, with the thumbnails slider shown underneath...
Vertical Scroller can be used for two things: viewing images or as a navigation menu.Configuring the component is done via an external XML file, where settings can be made to the scroller's behavior and its list of photos.The photos can be linked to an...
Horizontal Scroller can be used for viewing a collection of images or deployed as a navigation system for your Flash component.Configuring it is done using a XML file where settings an be made to both the component's behavior and its list of...
Image Explorer is split into three main zones.The first is the main presentation canvas where the actual image is shown.The second is the directory selector below, a list of folders containing various photos.The third is the picture selector, populated...
Tooltip works based on a XML settings file, producing nice looking tips when hovering a specific page element.Variables like the tooltip's dimensions, border, color, and padding can be tweaked, along with the amount of time it stays visible, display...
The jQuery.bgsize plugin will let developers use the CSS3 properties of "background-size: cover" and "background-size: contain" without ever having to worry about the again.While usually this produced really bad results in older browsers (and some new...
Zoetrope Viewer allows a series of related images of the same product taken at different angles to be inter-connected in a coherent way so users can interact with them and rotate the object in a 3D medium.The viewer allows a 360 degrees look at a product...
before-after.js takes two images and stacks them on top of each other.A handle is shown in the middle, which can easily be dragged to the left or the right to reveal more of one image or the other.This widget can be used to show differences and changes...