Here, highlighted in red, from the demo:
Code:
<div style="margin-top: 1em; font-weight: bold;">1) Horizontal Slideshow:</div>
Each image hyperlinked and opens in same browser.
<script type='text/javascript'>
carousel({id:'Amazon Books', //Enter arbitrary but unique ID of this slideshow instance
border:'',
size_mode:'image', //Enter "carousel" or "image". Affects the width and height parameters below.
width:107, //Enter width of image or entire carousel, depending on above value
height:140, //Enter height of image or entire carousel, depending on above value
sides:6, //# of sides of the carousel. What's shown = sides/2. Even integer with sides/2< total images is best
steps:23, //# of animation steps. More = smoother, but more CPU intensive
speed:5, //Speed of slideshow. Larger = faster.
direction:'left', //Direction of slideshow. Enter "top", "bottom", "left", or "right"
images:['http://images.amazon.com/images/P/0596004672.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0201730847.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0201735687.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0596005768.01._SCMZZZZZZZ_.jpg'],
links: ['http://www.dynamicdrive.com', //enter link URLs, or for no links, empty array instead (links :[])
'http://www.javascriptkit.com',
'http://www.codingforums.com',
'http://www.cssdrive.com'],
titles:['Book #1',
'Book #2',
'Book #3',
'Book #4'],
image_border_width:1,
image_border_color:'blue'
});
</script>
Bookmarks