← Back to branch summary

~dylanmccall/ubiquity-slideshow-ubuntu/maverick-ubuntu-design

« back to all changes in this revision

Viewing changes to slideshows/ubuntu/slides/index.html

  • Committer: Dylan McCall
  • Date: 2010-09-13 03:57:39 UTC
  • Revision ID: dylanmccall@gmail.com-20100913035739-jbo2wvnvxmqzxyww
Replaced scripaculous / Crossfade with jQuery and Cycle plugin.
Automatic slide switching now pauses after reaching the end, but manual controls continue to function.
Important note: This needed a change to the CSS for all slideshows, setting 100% width and height for #slideshow > div

Show diffs side-by-side

added added

removed removed

Lines of Context:
slideshows/ubuntu/slides/index.html
9
9
        
10
10
        <base target="_blank" />
11
11
        
12
 
        <script type="text/javascript" src="link-core/prototype.js"></script>
13
 
        <script type="text/javascript" src="link-core/effects.js"></script>
14
 
        <script type="text/javascript" src="link-core/fastinit.js"></script>
15
 
        <script type="text/javascript" src="link-core/crossfade.js"></script>
 
12
        <script type="text/javascript" src="link-core/jquery.js"></script>
 
13
        <script type="text/javascript" src="link-core/jquery.cycle.all.js"></script>
16
14
        <script type="text/javascript" src="directory.js"></script>
17
15
        <script type="text/javascript">
18
 
                SLIDESHOW_SLIDE_INTERVAL = 50;
19
 
                SLIDESHOW_TRANSITION_DURATION = 0.6;
20
 
                SLIDESHOW_LOOP = true;
 
16
                SLIDESHOW_OPTIONS = {
 
17
                        timeout:50000,
 
18
                        speed:600,
 
19
                }
21
20
        </script>
22
21
        <script type="text/javascript" src="link-core/slideshow.js"></script>
23
22
</head>
24
23
 
25
24
<body>
26
25
 
27
 
<div id="container">
28
 
        <div id="slideshow">
29
 
                
30
 
                <!-- Slides go here. Simply place the following snippet
31
 
                in the order you wish it to appear, replacing "MY SLIDE"
32
 
                with the filename of your slide.
33
 
                <div><a href="MY SLIDE" class="load"></a></div> -->
34
 
                <div><a href="welcome.html" class="load"></a></div>
35
 
                <div><a href="usc.html" class="load"></a></div>
36
 
                <div><a href="photos.html" class="load"></a></div>
37
 
                <div><a href="mobilise.html" class="load"></a></div>
38
 
                <div><a href="music.html" class="load"></a></div>
39
 
                <div><a href="email.html" class="load"></a></div>
40
 
                <div><a href="social.html" class="load"></a></div>
41
 
                <div><a href="browse.html" class="load"></a></div>
42
 
                <div><a href="accessibility.html" class="load"></a></div>
43
 
                <div><a href="office.html" class="load"></a></div>
44
 
                <div><a href="gethelp.html" class="load"></a></div>
45
 
        </div>
 
26
<div id="slideshow">
 
27
        <div><a href="welcome.html"></a></div>
 
28
        <div><a href="usc.html"></a></div>
 
29
        <div><a href="photos.html"></a></div>
 
30
        <div><a href="mobilise.html"></a></div>
 
31
        <div><a href="music.html"></a></div>
 
32
        <div><a href="email.html"></a></div>
 
33
        <div><a href="social.html"></a></div>
 
34
        <div><a href="browse.html"></a></div>
 
35
        <div><a href="accessibility.html"></a></div>
 
36
        <div><a href="office.html"></a></div>
 
37
        <div><a href="gethelp.html"></a></div>
46
38
</div>
47
39
 
48
40
<div id="controls">