- Working form
- Complete an image slider rotator that includes captions and navigations controls on a web page. Optional - include a modal window gallery on the same page.
- Link to example site 2 Notice this update has a jQuery bxslider (wk5) and a main container id with a max width of 960px.
Simple Scroll Example
Simple Scroll Example with parallax background
Simple Scroll Example with modal window aka Lightbox
- This example builds on the firt example, but if you click on Div 2 you'll now scroll down to an image gallery. The gallery uses the Lightbox plug in (Modal Window) link further down on this page. After having some issues with each jQuery framework specified in the tutorals, I opted for the "latest" version of jQuery that served both the scroll and the lightbox gallery functionality.
- A. jquery
Download framework Copy and paste code from example tutorials
- B. mootools
Then download from here with components specified. Copy and paste from the demos.
- C. scriptaculous
Download framework and copy and paste code from examples.
- Modal Window:
- Image Slider:
- Background Image Rotator:
BG image rotator
- Horizontal scrolling
- Smooth vertical or horizontal scrolling with jQuery
- Side scrolling site layout
- Parallax scrolling
- Scrolling website with CSS and jQuery
- Horizontal and Vertical Scrolling
- Parallax Interaction
- Z layers
- My videos are available on itunes. Following is the link:
Once there clicking on the blue links "View in iTunes" will allow you to do so. If you don't have iTunes installed it's easy and free.
- WatcH 04a_bxslider