Team:Groningen/photos

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<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> 
 +
<script src="https://2013.igem.org/Team:Groningen/Scripts/jquerygallery?action=raw&ctype=text/javascript" ></script> 
 +
<head>
 +
    <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 type="text/javascript">
 +
 +
var googleUserName = "drive.igem.groningen@gmail.com";
 +
// or use "http://plus.google.com/104945011440675361336/photos"
 +
 +
 +
//optional parameters-----------------------------------------------
 +
var albumNames = ["cH Best","profile photos"];
 +
var pathToLoadingImage = "https://static.igem.org/mediawiki/2013/2/29/Loader.gif";
 +
var pimaxColumns = 3;
 +
var pimaxWidgetWidth = 900;
 +
//var pimaxWidgetHeight = 1000;
 +
 +
 +
function goClicked() {
 +
$('#pimax').empty().append(' loading ...');
 +
googleUserName=$('#googleUserName').val();
 +
preparePimax();
 +
}
 +
 +
//--------------------------------------------------------
 +
 +
 +
 +
</head>
 +
  <body>
 +
 +
<h1>Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin</h1>
 +
Enter your Picasa/Google username: <span style="color:red;">(Ex: web.codehandling@gmail.com)</span><br/>
 +
[You may also enter your google+ profile url <span style="color:red;">(Ex: https://plus.google.com/104945011440675361336)</span>]<br/>
 +
<input type="text" id="googleUserName"/>&nbsp;<br/><br/>
 +
 +
<input type="button" value="Go" onclick="goClicked();">
 +
<br/>
 +
<br/>
 +
 +
<div id="pimax"></div>
 +
 +
<br/><br/><br/><br/><br/>
 +
<br/><br/><br/><br/><br/>
 +
<br/><br/><br/><br/><br/>
 +
 +
 +
 +
  </body>
 +
</html>

Revision as of 19:26, 18 July 2013

Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin