Recommend this page to a friend! |
Download |
Info | Example | Files | Download | Reputation | Support forum | Blog | Links |
Ratings | Unique User Downloads | Download Rankings | ||||
Not yet rated by the users | Total: 152 | All time: 329 This week: 14 |
Version | License | JavaScript version | Categories | |||
jquery-photo-image 1.0 | MIT/X Consortium ... | 4.0 | jQuery, Graphics |
Description | Author | |
This is a jQuery plugin to apply image effects on photos. |
|
jQuery-plugin to convert images to photo-like images (frame, shadow and rotation)
There are two different files that can be used.
is intended for development and testing.
is intended for production usage.
The minification is done by Googles Closure compiler in simple mode.
The width of the border around the image.
Default value = 10px
The style of the border around the image.
Default value = solid
The color of the border around the image.
Default value = #ffffff
This is a combined value for the border. It work the same way as for the CSS-border value ([width] [style] [color]).
If this value is omitted then it defaults to the properties for borderWidth, borderStyle and borderColor.
If this value is assigned then it overrides the individual properties for borderWidth, borderStyle and borderColor.
The x-offset for the box-shadow
Default value = 5px
The y-offset for the box-shadow
Default value = 5px
The shadow length for the box-shadow
Default value = 5px
The color to use as a base for the box-shadow
Default value = #cccccc
This is a combined value for the box-shadow. It work the same way as for the CSS-box-shadow value ([boxShadowOffsetX], [boxShadowOffsetY], [boxShadowLength], [boxShadowColor]).
If this value is omitted then it defaults to the properties for boxShadowOffsetX, boxShadowOffsetY, boxShadowLength and boxShadowColor.
If this value is assigned then it overrides the individual properties for boxShadowOffsetX, boxShadowOffsetY, boxShadowLength and boxShadowColor.
A margin-left to use for the image. If the value is set to "leave" then the margin-left will not be changed.
Default value = leave
A margin-top to use for the image. If the value is set to "leave" then the margin-top will not be changed.
Default value = leave
A margin-right to use for the image. If the value is set to "leave" then the margin-right will not be changed.
Default value = leave
A margin-bottom to use for the image. If the value is set to "leave" then the margin-bottom will not be changed.
Default value = leave
If this property is assigned then the image will be rotated.
Uses the browsers internal random engine (Math.random) to create an angle to use for each individual image. The min value is defined by the property rotateMin. The max value is defined by the property rotateMax.
Uses the plugins internal random engine to create an angle to use for each individual image. The min value is defined by the property rotateMin. The max value is defined by the property rotateMax.
The big difference bwtween random and seed is that seed will produce the same sequence each time which will allow the same layout for each page load.
Creates an animation. The animation is based on the interval (time between movements) and step (how much to rotate each time).
The interval is defined in microseconds.
The step is defined in degrees.
If a numeric value is used then the images is rotated this number of degrees.
If the value is "leave" then nothing is done.
Default value = leave
If the rotate property is set to random or seed then this value defines the lowest angle to rotate.
Default value = -20
If the rotate property is set to random or seed then this value defines the highest angle to rotate.
Default value = 20
This is not a property that can be set. This is calculated as the difference by rotateMax and rotateMin and defines the span of the llowed angle.
When using rotate = "seed" then this defines the seed for the internal "random engine".
Default value = 0
If using rotate = "animate" then this property defines how many degrees the image should turn each step.
Default value = 1
If using rotate = "animate" then this property defines the delay between steps for the animation.
Default value = 40
Files (10) |
File | Role | Description | ||
---|---|---|---|---|
examples (1 file, 1 directory) | ||||
jquery.photoimages.js | Class | Class source | ||
jquery.photoimages.min.js | Class | Class source | ||
LICENSE | Lic. | License text | ||
README.md | Doc. | Documentation |
Files (10) | / | examples | / | images |
File | Role | Description |
---|---|---|
image1.png | Photo | Photograph |
image2.png | Photo | Photograph |
image3.png | Photo | Photograph |
image4.png | Photo | Photograph |
image5.png | Photo | Photograph |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
100% |
|
|
Applications that use this package |
If you know an application of this package, send a message to the author to add a link here.