Team:Groningen/photos

From 2013.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change-->
+
 
 +
<html>
 +
 
 +
<!--
 +
 
 +
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>   
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>   
-
</html>
+
 
 +
<!-- 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 -->
 +
 
 +
 
 +
 
-
<html>
 
   <head>
   <head>
     <title>Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin</title>
     <title>Pimax 1.0 - show all Picasa/G+ albums and images on your website - Jquery plugin</title>
Line 20: Line 64:
//optional parameters-----------------------------------------------
//optional parameters-----------------------------------------------
-
var albumNames = ["cH Best","profile photos"];
+
//var albumNames = [];
-
var pathToLoadingImage = "./loader.gif";
+
var pathToLoadingImage = "https://static.igem.org/mediawiki/2013/2/29/Loader.gif";
var pimaxColumns = 3;
var pimaxColumns = 3;
var pimaxWidgetWidth = 900;
var pimaxWidgetWidth = 900;
Line 38: Line 82:
</script>
</script>
-
 
-
 
-
<style>
 
-
 
-
      body {
 
-
        font-family: Calibri;
 
-
        font-size: 14px;
 
-
text-align:center;
 
-
      }  
 
-
 
 
-
 
-
</style>
 
-
 
</head>
</head>
   <body>
   <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>
<div id="pimax"></div>
-
<br/><br/><br/><br/><br/>
 
-
<br/><br/><br/><br/><br/>
 
-
<br/><br/><br/><br/><br/>
 
<script src="https://2013.igem.org/Team:Groningen/Scripts/jquerygallery?action=raw&ctype=text/javascript"></script>
<script src="https://2013.igem.org/Team:Groningen/Scripts/jquerygallery?action=raw&ctype=text/javascript"></script>
Line 73: Line 93:
   </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