so place this code in a template with out the numbers of course:
Code:
1.
1.
<script type="text/javascript">
2.
3.
window.RokSlideshowPath = '';
4.
window.addEvent('load', function(){
5.
var imgs = [
6.
{
7.
file: '1.jpg',
8.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front Angle View',
9.
desc: 'V-12 Diesel concept version based on the LeMans winning V-10 race car.',
10.
url: '#'
11.
},{
12.
file: '2.jpg',
13.
title: 'Audi RS8 V-12 TDI LeMans Concept - Back Angle View',
14.
desc: 'More aggressive body panels gives this concept a mean look',
15.
url: '#'
16.
},{
17.
file: '3.jpg',
18.
title: 'Audi RS8 V-12 TDI LeMans Concept - Side View',
19.
desc: 'THe unique orange/grey color scheme makes this concept stand out from the crowd.',
20.
url: '#'
21.
},{
22.
file: '4.jpg',
23.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front View',
24.
desc: 'Any lower and this RS8 would be scooping up tar as it drives down the road.',
25.
url: '#'
26.
},{
27.
file: '5.jpg',
28.
title: 'Audi RS8 V-12 TDI LeMans Concept - Front View',
29.
desc: 'Notice the roof mounted cooling for the mid-engine configuration',
30.
url: '#'
31.
}];
32.
33.
var myshow = new Slideshow('slideshow', {
34.
type: 'combo',
35.
showTitleCaption: 1,
36.
captionHeight: 45,
37.
width: 450,
38.
height: 300,
39.
pan: 20,
40.
zoom: 30,
41.
loadingDiv: 1,
42.
resize: true,
43.
duration: [2000, 9000],
44.
transition: Fx.Transitions.Expo.easeOut,
45.
images: imgs,
46.
path: '/images/stories/rs8/'
47.
});
48.
49.
myshow.caps.h2.setStyles({
50.
color: '#fff',
51.
fontSize: '13px'
52.
});
53.
myshow.caps.p.setStyles({
54.
color: '#ccc',
55.
fontSize: '11px'
56.
});
57.
});
58.
</script>
Where do i place this piece?
<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>