← Back to branch summary

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

« back to all changes in this revision

Viewing changes to slideshows/kubuntu/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/kubuntu/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" src="link-core/slideshow.js"></script>
18
16
</head>
19
17
 
20
18
<body>
21
19
 
22
 
<div id="container">
23
 
        <div id="slideshow">
24
 
                
25
 
                <!-- Slides go here. Simply place the following snippet
26
 
                in the order you wish it to appear, replacing "MY SLIDE"
27
 
                with the filename of your slide.
28
 
                <div><a href="MY SLIDE" class="load"></a></div> -->
29
 
                <div><a href="welcome.html" class="load"></a></div>
30
 
                <div><a href="internet.html" class="load"></a></div>
31
 
                <div><a href="graphics.html" class="load"></a></div>
32
 
                <div><a href="multimedia.html" class="load"></a></div>
33
 
                <div><a href="pim.html" class="load"></a></div>
34
 
                <div><a href="office.html" class="load"></a></div>
35
 
                <div><a href="games.html" class="load"></a></div>
36
 
                <div><a href="accessibility.html" class="load"></a></div>
37
 
                <div><a href="installing-software.html" class="load"></a></div>
38
 
                <div><a href="get-help.html" class="load"></a></div>
39
 
                <div><a href="get-involved.html" class="load"></a></div>
40
 
        </div>
 
20
<div id="slideshow">
 
21
        <div><a href="welcome.html" class="load"></a></div>
 
22
        <div><a href="internet.html" class="load"></a></div>
 
23
        <div><a href="graphics.html" class="load"></a></div>
 
24
        <div><a href="multimedia.html" class="load"></a></div>
 
25
        <div><a href="pim.html" class="load"></a></div>
 
26
        <div><a href="office.html" class="load"></a></div>
 
27
        <div><a href="games.html" class="load"></a></div>
 
28
        <div><a href="accessibility.html" class="load"></a></div>
 
29
        <div><a href="installing-software.html" class="load"></a></div>
 
30
        <div><a href="get-help.html" class="load"></a></div>
 
31
        <div><a href="get-involved.html" class="load"></a></div>
41
32
</div>
42
33
 
43
34
<div id="debug-controls">
44
35
<input type="button" id="prev-slide" value="&lt;"/>
45
 
<input type="text"   id="current-slide" />
46
36
<input type="button" id="next-slide" value="&gt;"/>
47
37
</div>
48
38