Team:Groningen/photos

From 2013.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
<html>
<html>
-
<!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change-->
 
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
 
-
<!-- This line included jquery from a wikimedia subfolder, there you can make new scripts -->
 
-
<script type="text/javascript" src="https://2013.igem.org/Team:Groningen/Scripts/jqueryTest?action=raw&ctype=text/javascript"></script>
 
-
<div id="msgid">
+
<!--
-
</div>
+
 
 +
INSTRUCTIONS: DO NOT EDIT THIS PAGE
 +
 
 +
-->
 +
 
 +
 
 +
 
 +
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:Groningen/CSS/DefaultPage?action=raw&ctype=text/css" type="text/css" />
 +
</head>
 +
<body>
 +
 
 +
 
 +
</html> {{:Team:Groningen/Templates/DefaultHeader}}<html>
 +
 
 +
<div class="colmask threecol">
 +
 
 +
<span class="navigation">
 +
    </html>{{:Team:Groningen/Templates/Navigationbar}}<html>
 +
</span>
 +
 
 +
<span class="widgets">
 +
    </html>{{:Team:Groningen/Templates/facebook}}<html>
 +
</span>
 +
 
 +
<div class="mainContent">
 +
    <!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change-->
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
 +
 
 +
<!-- More info about this code and some settings: http://www.codehandling.com/2013/04/pimax-10-show-all-picasag-albums-and.html -->
 +
 
 +
<!-- CSS of this plugin, this piece of code hides the account name on the page -->
 +
 
 +
<style media="screen" type="text/css">
 +
 
 +
#pimax-header{display:none !important;}
 +
 
 +
</style>
 +
 
 +
<!-- end of CSS of this plugin -->
 +
 
 +
 
 +
 
   <head>
   <head>
-
     <title>mySlide - slideshow on your website using Google+ album - jQuery plugin</title>
+
     <title>Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin</title>
-
+
 
 +
<!--<script src="./jquery.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
 +
<script type="text/javascript">
<script type="text/javascript">
 +
var googleUserName = "drive.igem.groningen@gmail.com";
 +
// or use "http://plus.google.com/104945011440675361336/photos"
 +
-
var googleAlbumLink = "https://plus.google.com/photos/104945011440675361336/albums/5866190936567927873?banner=pwa";
+
//optional parameters-----------------------------------------------
 +
//var albumNames = [];
 +
var pathToLoadingImage = "https://static.igem.org/mediawiki/2013/2/29/Loader.gif";
 +
var pimaxColumns = 3;
 +
var pimaxWidgetWidth = 900;
 +
//var pimaxWidgetHeight = 1000;
 +
 
-
//optional-----------------------
+
function goClicked() {
-
var mySlideWidth = 600;
+
$('#pimax').empty().append(' loading ...');
-
var mySlideHeight = 320;
+
googleUserName=$('#googleUserName').val();
-
var mySlideDelay = 3000; //delay in milliseconds
+
preparePimax();
-
//3000 = 3 seconds delay
+
}
-
+
//--------------------------------------------------------
-
</script>
+
-
 
-
<style>
 
-
      body {
 
-
        font-family: Calibri;
 
-
        font-size: 14px;
 
-
text-align:center;
 
-
      }
 
-
 
-
</style>
 
 +
</script>
</head>
</head>
   <body>
   <body>
-
<h1>mySlide - slideshow on your website using Google+ album - jQuery plugin</h1>
 
-
<br/>
 
-
<br/>
 
-
<div id="slide">
+
<div id="pimax"></div>
-
</div>
+
-
<script src="https://2013.igem.org/Team:Groningen/Scripts/jqueryphoto"></script>
 
-
<br><br>
+
<script src="https://2013.igem.org/Team:Groningen/Scripts/jquerygallery?action=raw&ctype=text/javascript"></script>
-
<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>
   </body>
 +
 +
 +
</div>
 +
 +
 +
</div>
 +
 +
</html> {{:Team:Groningen/Templates/DefaultFooter}}<html>
 +
 +
 +
</body>
</html>
</html>

Latest revision as of 15:20, 24 July 2013
Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin