-
Notifications
You must be signed in to change notification settings - Fork 0
jQuery Popcorn plugin - gallery plugin that makes the image pop in to view, hence popcorn.
dasuchin/jQuery-Popcorn
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
In order to apply the popcorn effect, you need to target a div such as this:
$('#popcorn').popcorn({
fadeImage: 'images/white-box.png',
fadeImageSpeed: 100,
fadeSpeed: 'slow',
imageCount: 3,
timeout: 2000
});
There are a few options that you can set.
fadeImage (optional) - fades into this image before popping in a new image
fadeImageSpeed (optional) - the speed that the existing image fades into the fade image
fadeSpeed - the speed of the fade into the new image
imageCount - the amount of images that will be displayed
timeout - how long the images appear before new ones are selected
The div that you target will need to be structured the following way:
<div id="popcorn">
<div class="popcornContent">
<ul id="nolist">
<li><a href="#"><img src="image.jpg"/></a></li>
<li><a href="#"><img src="image.jpg"/></a></li>
<li><a href="#"><img src="image.jpg"/></a></li>
<li><a href="#"><img src="image.jpg"/></a></li>
<li><a href="#"><img src="image.jpg"/></a></li>
</ul>
</div>
</div>
About
jQuery Popcorn plugin - gallery plugin that makes the image pop in to view, hence popcorn.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published