"
Team:Groningen/photos
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| + | |||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
<!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change--> | <!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change--> | ||
| Line 8: | Line 10: | ||
</div> | </div> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | < | + | <head> |
| - | <script src="http://code.jquery.com/jquery-1.7.min.js"></script> | + | <title>mySlide - slideshow on your website using Google+ album - jQuery plugin</title> |
| - | + | ||
| - | < | + | <script src="http://code.jquery.com/jquery-1.7.min.js"></script> |
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | |||
| + | var googleAlbumLink = "https://plus.google.com/photos/104945011440675361336/albums/5866190936567927873?banner=pwa"; | ||
| + | |||
| + | //optional----------------------- | ||
| + | var mySlideWidth = 600; | ||
| + | var mySlideHeight = 320; | ||
| + | var mySlideDelay = 3000; //delay in milliseconds | ||
| + | //3000 = 3 seconds delay | ||
| + | |||
| + | |||
| + | </script> | ||
| + | |||
| + | |||
| + | <style> | ||
| + | |||
| + | body { | ||
| + | font-family: Calibri; | ||
| + | font-size: 14px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| - | <div id="slide"></div> | + | </head> |
| + | <body> | ||
| + | |||
| + | <h1>mySlide - slideshow on your website using Google+ album - jQuery plugin</h1> | ||
| + | <br/> | ||
| + | <br/> | ||
| + | |||
| + | <div id="slide"> | ||
| + | </div> | ||
| + | <script src="./myslide.min.js"></script> | ||
| + | |||
| + | <br><br> | ||
| + | <a style="font-size:15px;" href="http://www.codehandling.com/2013/04/pimax-10-show-all-picasag-albums-and.html">See how to use this plugin - at codehandling</a> | ||
| + | </body> | ||
</html> | </html> | ||
Revision as of 16:31, 18 July 2013
<!DOCTYPE html>
mySlide - slideshow on your website using Google+ album - jQuery plugin
See how to use this plugin - at codehandling
