New jQuery Plug-in; Slide Presentation
Published Monday 22nd of March 2010
I'm trying to put together a little intro/demo for aFramework so I built this slide plug-in for jQuery.
Ultimately I didn't feel it was what I was after with the aFramework intro but perhaps someone will find it useful.
Run it on a container of a list of images with text and the plugin will slide through all the images, stopping on each to display all the paragraphs of text.
The HTML needs to be:
div: container
ul
li: the first step in the slide
img: the image to be displayed in this step
p: first paragraph of text to be displayed
p: second paragraph of text...
li: the first step in the slide
img: the image to be displayed in this step
p: first paragraph of text to be displayed
p: second paragraph of text...
li: the first step in the slide
img: the image to be displayed in this step
p: first paragraph of text to be displayed
p: second paragraph of text...
And then simply run the plugin on the container and it'll do the rest. You can override the default width/height settings, their styling is only on a single class (.jquery-slide-presentation) so target your container's ID instead and you're gtg.
- Tags
- Comments
- No comments
Bookmark this Article