Difference between revisions of "Main Page"

From Zhang Laboratory

Jump to: navigation, search
Line 2: Line 2:
  
 
<html>
 
<html>
−
    <script type="text/javascript" src="/data/Jssor/js/Jssor.Core.js"></script>
+
 
 +
 
 +
 
 +
<script type="text/javascript" src="/data/Jssor/js/Jssor.Core.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Debug.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Debug.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.EventManager.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.EventManager.js"></script>
 +
    <script type="text/javascript" src="/data/Jssor/js/Jssor.Easing.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Point.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Point.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Utils.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Utils.js"></script>
−
    <script type="text/javascript" src="/data/Jssor/js/Jssor.Easing.js"></script>
 
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Navigator.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Navigator.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.CaptionSlider.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.CaptionSlider.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Slider.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.Slider.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.ThumbnailNavigator.js"></script>
 
     <script type="text/javascript" src="/data/Jssor/js/Jssor.ThumbnailNavigator.js"></script>
−
 
 
     <script>
 
     <script>
−
         var _SlideshowTransitions = [
+
         jssor_slider1_starter = function (containerId) {
−
        //Clip & Chessout
+
            var _CaptionTransitions = [];
−
        {$Duration: 2000, $Cols: 8, $Rows: 4, $Clip: 15, $During: { $Top: [0, 0.5], $Clip: [0.5, 0.5] }, $FlyDirection: 8, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraight, $ChessMode: { $Column: 12 }, $ScaleClip: 0.5 },
+
            //Left to Right
 +
            _CaptionTransitions["L-R"] = { $Duration: 600, $FlyDirection: 1 };
 +
            //Right to Left
 +
            _CaptionTransitions["R-L"] = { $Duration: 600, $FlyDirection: 2 };
 +
            //Top to Bottom
 +
            _CaptionTransitions["T-B"] = { $Duration: 600, $FlyDirection: 4 };
 +
            //Bottom to Top
 +
            _CaptionTransitions["B-T"] = { $Duration: 600, $FlyDirection: 8 };
  
−
        //DodgeinTeam
+
            //To build caption transition code, reference to http://slideshow.jssor.com/documentation/transition-builder-caption.html
−
        {$Duration: 1500, $Delay: 20, $Cols: 8, $Rows: 4, $Clip: 15, $FlyDirection: 9, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $ScaleHorizontal: 0.3, $ScaleVertical: 0.3, $Round: { $Left: 0.8, $Top: 0.8} },
+
  
−
        //DodgeoutTeam
 
−
        {$Duration: 1500, $Delay: 20, $Cols: 8, $Rows: 4, $Clip: 15, $SlideOut: true, $FlyDirection: 9, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $ScaleHorizontal: 0.3, $ScaleVertical: 0.3, $Round: { $Left: 0.8, $Top: 0.8} },
 
−
 
−
        //Flutterin
 
−
        {$Duration: 1800, $Delay: 30, $Cols: 10, $Rows: 5, $Clip: 15, $FlyDirection: 1, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 2050, $Easing: $JssorEasing$.$EaseInOutQuad, $ScaleHorizontal: 1, $Outside: true, $Round: { $Top: 0.8} },
 
−
 
−
        //CollapseStairs
 
−
        {$Duration: 1200, $Delay: 30, $Cols: 8, $Rows: 4, $Clip: 15, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 2049, $Easing: $JssorEasing$.$EaseOutQuad },
 
−
 
−
        //CollapseRandom
 
−
        {$Duration: 1000, $Delay: 30, $Cols: 8, $Rows: 4, $Clip: 15, $SlideOut: true, $Easing: $JssorEasing$.$EaseOutQuad }
 
−
        ];
 
−
    </script>
 
−
    <script>
 
−
        jssor_slider1_starter = function (containerId) {
 
 
             var jssor_slider1 = new $JssorSlider$(containerId, {
 
             var jssor_slider1 = new $JssorSlider$(containerId, {
 
                 $ShowLoading: true,                                //[Optional] Show loading screen or not default value is false
 
                 $ShowLoading: true,                                //[Optional] Show loading screen or not default value is false
 
                 $AutoPlay: true,                                    //[Optional] Whether to auto play, default value is false
 
                 $AutoPlay: true,                                    //[Optional] Whether to auto play, default value is false
 +
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, default value is 1
 +
                $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
  
−
                 $SlideshowOptions: {                               //Options which specifies enable slideshow or not
+
                 $CaptionSliderOptions: {                           //[Optional] Options which specifies how to animate caption
−
                     $Class: $JssorSlideshowRunner$,                 //[Required] Class to create instance of slideshow
+
                     $Class: $JssorCaptionSlider$,                   //[Required] Class to create instance to animate caption
−
                     $Transitions: _SlideshowTransitions,           //[Required] Transitions to play slide, see jssor slideshow transition builder
+
                     $CaptionTransitions: _CaptionTransitions,       //[Required] Caption transitions to play caption, see caption transition section at jssor slideshow transition builder
−
                     $TransitionsOrder: 1,                           //[Required] The way to choose transition to play slide, 1 Sequence, 0 Random
+
                     $PlayInMode: 1,                                 //[Optional] 0 None (no play), 1 Chain (goes after main slide), 2 Parallel (goes synchronous with main slide), default value is 1
−
                     $ShowLink: 2                                    //[Required] 0 After Slideshow, 2 Always
+
                     $PlayOutMode: 1                                //[Optional] 0 None (no play), 1 Chain (goes before main slide), 2 Parallel (goes synchronous with main slide), default value is 1
 
                 }
 
                 }
 
             });
 
             });
 
         }
 
         }
 
     </script>
 
     </script>
 +
 
<center>
 
<center>
−
     <div id="slider1_container" class="slider1" style="position: relative; width: 400px;
+
     <div id="slider1_container" class="slider1" style="position: relative; width: 400px; height: 200px;">
−
        height: 200px;">
+
   
−
       
+
 
         <!-- Loading Screen -->
 
         <!-- Loading Screen -->
 
         <div u="loading" style="position: absolute; top: 0px; left: 0px;">
 
         <div u="loading" style="position: absolute; top: 0px; left: 0px;">
Line 64: Line 59:
  
 
         <!-- Slides Container -->
 
         <!-- Slides Container -->
−
+
         <div u="slides" style="position: absolute; left: 0px; top: 0px; width:400px; height:200px; overflow: hidden;">
−
         <div u="slides" style="position: absolute; left: 0px; top: 0px; width: 400px; height: 200px; overflow: hidden;">
+
            <div>
−
 
+
−
      <div>
+
 
                 <a u=image href="https://sfari.org" rel="nofollow"><img u="image" src="/data/images/slideshow/SFARI.png" width="400" height="200" /></a>
 
                 <a u=image href="https://sfari.org" rel="nofollow"><img u="image" src="/data/images/slideshow/SFARI.png" width="400" height="200" /></a>
 
             </div>
 
             </div>

Revision as of 23:57, 25 September 2013


Javascript Slideshow


Introduction of the Zhang Laboratory

We are part of Department of Biochemistry and Molecular Biophysics, Columbia Initiative in Systems Biology, Motor Neuron Center, Columbia Stem Cell Initiative, and Herbert Irving Comprehensive Cancer Center at Columbia University Medical Center.

We are fascinated by the complexity of the mammalian brain and the underlying molecular mechanisms. While mammals have a similar number of genes compared to phenotypically simpler organisms (such as worm), one apparent feature of mammalian genes is their more complicated gene structures, providing opportunity of sophisticated regulation at the RNA level.

The vision of my lab is to infer RNA regulatory networks in the nervous system, as a way to understand the mammlian complexity manifested in evolutionary-developmental (evo-devo) processes and in several neuronal disorders. Specifically we are interested in obtaining fundamental understanding how neuronal cell types are specified during the normal development process, how this process can be reversed in certain pathologic contexts (such as brain tumors), and why they die abnormally in neurodegenerative diseases. My lab will have a mixed dry and wet lab setup (a.k.a. "humid" lab). We use different model systems and a combination of high-throughput data driven and hypothesis driven approaches.





Retrieved from "https://zhanglab.c2b2.columbia.edu/index.php?title=Main_Page&oldid=827"