Team:UCLondon/Templates/Content-Slide

From 2012e.igem.org

(Difference between revisions)
Line 5: Line 5:
   </style>
   </style>
-
 
-
 
-
 
-
 
-
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
-
  <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.jquery.js"></script>
 
-
  <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script>
 
-
  <script type="text/javascript">
 
-
 
-
$(function(){
 
-
$('#slides').slides({
 
-
preload: true,
 
-
preloadImage: 'http://dl.dropbox.com/u/3703109/igeme/loading.gif',
 
-
play: 5000,
 
-
pause: 2500,
 
-
hoverPause: true,
 
-
animationStart: function(current){
 
-
$('.caption').animate({
 
-
bottom:-35
 
-
},100);
 
-
if (window.console && console.log) {
 
-
// example return of current slide number
 
-
console.log('animationStart on slide: ', current);
 
-
};
 
-
},
 
-
animationComplete: function(current){
 
-
$('.caption').animate({
 
-
bottom:0
 
-
},200);
 
-
if (window.console && console.log) {
 
-
// example return of current slide number
 
-
console.log('animationComplete on slide: ', current);
 
-
};
 
-
},
 
-
slidesLoaded: function() {
 
-
$('.caption').animate({
 
-
bottom:0
 
-
},200);
 
-
}
 
-
});
 
-
});
 
-
 
-
 
-
  </script>
 
-
 
<div id="container">
<div id="container">
Line 105: Line 60:
</div>
</div>
</div>
</div>
 +
 +
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
  <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.jquery.js"></script>
 +
  <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script>
 +
  <script type="text/javascript">
 +
 +
$(function(){
 +
$('#slides').slides({
 +
preload: true,
 +
preloadImage: 'http://dl.dropbox.com/u/3703109/igeme/loading.gif',
 +
play: 5000,
 +
pause: 2500,
 +
hoverPause: true,
 +
animationStart: function(current){
 +
$('.caption').animate({
 +
bottom:-35
 +
},100);
 +
if (window.console && console.log) {
 +
// example return of current slide number
 +
console.log('animationStart on slide: ', current);
 +
};
 +
},
 +
animationComplete: function(current){
 +
$('.caption').animate({
 +
bottom:0
 +
},200);
 +
if (window.console && console.log) {
 +
// example return of current slide number
 +
console.log('animationComplete on slide: ', current);
 +
};
 +
},
 +
slidesLoaded: function() {
 +
$('.caption').animate({
 +
bottom:0
 +
},200);
 +
}
 +
});
 +
});
 +
 +
 +
  </script>
 +
 +
 +
</html>
</html>

Revision as of 01:18, 13 September 2012

New Ribbon
Slide 1

Happy Bokeh Thursday!

Slide 2

Taxi

Slide 3

Happy Bokeh raining Day

Slide 4

We Eat Light

Slide 5

“I must go down to the sea again, to the lonely sea and the sky...”

Slide 6

twelve.inch

Slide 7

Save my love for loneliness

Example Frame