Use of sliders to interact with Jmol

Version based on Walter Zorn's Drag'nDrop & DHTML Library

• © Walter Zorn under GNU LGPL.
• Adapted and integrated with Jmol by Angel Herráez.
• Uses DHTML, 39.2 kB of extra JavaScript code + images.
• Does not work inside scrolling DIVs.
• Works by mouse only.
• Horizontal slider only (but it should be adaptable to a vertical setup) .
• Download needed files (not including the page nor the Jmol files).
• Instructions

Single horizontal slider for slabbing through the molecule

Example

Version based on Web-FX Slider

• © Erik Arvidsson under Apache Software License 2.0.
• Uses DHTML, ca. 31.7 kB of extra JavaScript and CSS code + images.
• Works inside scrolling DIVs.
• Works by mouse or keyboard.
• Can be set horizontally or vertically.
• Accepts several CSS styles or skins (4 included).
• Download needed files (not including the page nor the Jmol files).
• Instructions.

Single slider for slab

Simple example | Example inside scrolling DIV

Two sliders for slab (front) and depth (back)

Example with horizontal sliders | Example with vertical sliders

Sliders for rendering style

Bond thickness, atom and bond translucency, ribbons width and thickness.

Example

[ Angel's main Jmol page ]    [ Biomodel home page ]