Team:Groningen/photos

From 2013.igem.org

(Difference between revisions)
 
(45 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-->
 
-
<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">
+
<html>
-
</div>
+
-
<script type="text/javascript">
+
<!--
-
var googleAlbumLink = "https://plus.google.com/photos/100710073991012754583/albums/5901919837634030369";
+
-
 
+
-
//optional-----------------------
+
-
var mySlideWidth = 600;
+
-
var mySlideHeight = 280;
+
-
var mySlideDelay = 3000; //delay in milliseconds
+
-
//3000 = 3 seconds delay
+
-
</script>
+
 +
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>
<body>
-
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
 
-
  <script src="https://2013.igem.org/Team:Groningen/Scripts/jqueryphoto"></script>
 
-
</body>
 
-
<div id="slide"></div>
 
 +
</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>
 +
    <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 = [];
 +
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();
 +
}
 +
 +
//--------------------------------------------------------
 +
 +
 +
 +
</script>
 +
</head>
 +
  <body>
 +
 +
 +
<div id="pimax"></div>
 +
 +
 +
<script src="https://2013.igem.org/Team:Groningen/Scripts/jquerygallery?action=raw&ctype=text/javascript"></script>
 +
 +
 +
  </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