Difference between revisions of "Kim Featurebox test"
Line 85: Line 85:
 
-->
 
-->
  
−
<!--===Image Slider Script===-->
 
−
 
−
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
//Show the paging and activate its first link
 
−
$(".paging").show();
 
−
$(".paging a:first").addClass("active");
 
−
 
−
//Get size of the image, how many images there are, then determin the size of the image reel.
 
−
var imageWidth = $(".window").width();
 
−
var imageSum = $(".image_reel img").size();
 
−
var imageReelWidth = imageWidth * imageSum;
 
−
 
−
//Adjust the image reel to its new size
 
−
$(".image_reel").css({'width' : imageReelWidth});
 
−
 
−
//Paging  and Slider Function
 
−
rotate = function(){
 
−
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
 
−
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
 
−
$(".paging a").removeClass('active'); //Remove all active class
 
−
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
 
−
 
−
//Slider Animation
 
−
$(".image_reel").animate({
 
−
left: -image_reelPosition
 
−
}, 500 );
 
−
};
 
−
 
−
//Rotation  and Timing Event
 
−
rotateSwitch = function(){
 
−
play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
 
−
$active = $('.paging a.active').next(); //Move to the next paging
 
−
if ( $active.length === 0) { //If paging reaches the end...
 
−
$active = $('.paging a:first'); //go back to first
 
−
}
 
−
rotate(); //Trigger the paging and slider function
 
−
}, 12000); //Timer speed in milliseconds (6 seconds)
 
−
};
 
−
 
−
rotateSwitch(); //Run function on launch
 
−
 
−
//On Hover
 
−
//$(".image_reel a").hover(function() {
 
−
//clearInterval(play); //Stop the rotation
 
−
//}, function() {
 
−
//rotateSwitch(); //Resume rotation timer
 
−
//});
 
−
 
−
//On Click
 
−
$(".pause a").click(function() {
 
−
clearInterval(play); //Stop the rotation
 
−
});
 
−
 
−
 
−
//On Click
 
−
$(".paging a").click(function() {
 
−
$active = $(this); //Activate the clicked paging
 
−
//Reset Timer
 
−
clearInterval(play); //Stop the rotation
 
−
rotate(); //Trigger rotation immediately
 
−
rotateSwitch(); // Resume rotation timer
 
−
return false; //Prevent browser jump to link anchor
 
−
});
 
−
});
 
−
</script>
 
−
<!--==End of Slider script==-->
 
  
 
<h1>Featured on the Registry</h1>
 
<h1>Featured on the Registry</h1>
Line 166: Line 98:
 
<div style="width:975px">
 
<div style="width:975px">
  
−
<div style="width:300px;float:left;  margin-right: 25px; " >  
+
<div style="width:300px;float:left;  margin-right: 25px; height:200px; " >  
 
<p>The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems.
 
<p>The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems.
 
As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs.
 
As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs.
Line 174: Line 106:
  
  
−
<div style=" width:625px;float:right;" >
+
<div style=" width:625px;float:right;" > </div>
−
 
+
−
 
+
−
<div id="slideshow"> <!--???-->
+
−
<div class="textboxes" id="main_view"> <!--???-->
+
−
    <div class="window"> <!--???-->
+
−
        <div class="image_reel"> <!--Slideshow Pics go here - 625x300px -->
+
−
            <a href="https://parts.igem.org/Help:3A_Assembly_Kit"><img src="https://static.igem.org/mediawiki/parts/8/86/Feature_box_1.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Promoters/Catalog/Anderson"><img src="https://static.igem.org/mediawiki/parts/f/fd/Feature_box_2.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_K801077"><img src="https://static.igem.org/mediawiki/parts/a/ae/Feature_box_3.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_I750016"><img src="https://static.igem.org/mediawiki/parts/d/dd/Feature_box_4.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Genome_Integration"><img src="https://static.igem.org/mediawiki/parts/3/3f/Feature_box_5.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Cat:Feature_Boxes"><img src="https://static.igem.org/mediawiki/parts/f/ff/Feature_box_6.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Help:Contents"><img src="https://static.igem.org/mediawiki/parts/2/2e/Feature_box_7.jpg" alt="" /></a>
+
−
            <a href="http://2011.igem.org/Team:Imperial_College_London/Project_Chemotaxis_Overview"><img src="https://static.igem.org/mediawiki/parts/e/ee/Feature_box_8.jpg"  alt="" /></a>
+
−
            <a href="https://parts.igem.org/Ribosome_Binding_Site/Cat_page"><img src="https://static.igem.org/mediawiki/parts/d/d5/Feature_box_9.jpg" alt="" /></a>
+
−
            <a href="https://parts.igem.org/Part:BBa_K747001"><img src="https://static.igem.org/mediawiki/parts/1/1e/Feature_box_10.jpg"  alt="" /></a>
+
−
            <a href="https://parts.igem.org/wiki/index.php?title=Part:BBa_K592012"><img src="https://static.igem.org/mediawiki/parts/9/95/Feature_box_11.jpg" alt="" /></a>
+
−
            <a href="http://2010.igem.org/Team:Freiburg_Bioware"><img src="https://static.igem.org/mediawiki/parts/8/8a/Theraputic_virus_toolkit-mod.jpg" alt="" /></a>
+
−
        </div>
+
−
    </div>
+
−
    <div class="paging">
+
−
        <a href="#" rel="1">1</a>
+
−
        <a href="#" rel="2">2</a>
+
−
        <a href="#" rel="3">3</a>
+
−
        <a href="#" rel="4">4</a>
+
−
        <a href="#" rel="5">5</a>
+
−
        <a href="#" rel="6">6</a>
+
−
        <a href="#" rel="7">7</a>
+
−
        <a href="#" rel="8">8</a>
+
−
        <a href="#" rel="9">9</a>
+
−
        <a href="#" rel="10">10</a>
+
−
        <a href="#" rel="11">11</a>
+
−
        <a href="#" rel="12">12</a>
+
−
    </div>
+
−
<div class="pause"><a href="#">II</a></div>
+
−
</div>
+
 
</div>
 
</div>
  
  
−
</style>
 
−
</div>
 
−
</div>
 
−
</div>
 
 
<!--end of Text Block B -->
 
<!--end of Text Block B -->
−
 
+
<div style="clear:both;"></div>
 
<!-- Text Block C -->
 
<!-- Text Block C -->
 
<div style="width:975px">
 
<div style="width:975px">

Revision as of 21:21, 10 April 2014

The Registry's Repository
The Registry's Repository contains DNA samples for thousands of parts, submitted by iGEM teams and labs. Last year, iGEM teams sent in samples for over 1500 parts.

Be sure to add your parts and send samples to the Registry so that they can be made available to the community!
add your part
send your sample

Featured on the Registry

The iGEM Registry is a growing collection of genetic parts that can be mixed and matched to build synthetic biology devices and systems. As part of the synthetic biology community's efforts to make biology easier to engineer, it provides a source of genetic parts to iGEM teams and academic labs. You can learn more about iGEM Teams and Labs at iGEM.org.

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod

<nocomments />