Team:ATOMS-Turkiye/deneme

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
-
    <script>
+
  <script>
-
      function openPage(pg){
+
    function openPage(pg){
-
        item = $("#slideshow items").children("div").eq(pg-1);
+
      item = $("#slideshow items").children("div").eq(pg-1);
-
        content=$("#slideshow #right");
+
      content=$("#slideshow #right");
-
        content.fadeOut(200);
+
      content.fadeOut(200);
-
        content.html(item.find("#text").html());
+
      content.html(item.find("#text").html());
-
        content.fadeIn(200);
+
      content.fadeIn(200);
-
        image = item.find("#image");
+
      image = item.find("#image");
-
        image.css("position","relative");
+
      image.css("position","relative");
-
        imagebox = $("#slideshow").find( "#imagebox");
+
      imagebox = $("#slideshow").find( "#imagebox");
-
        imagebox.fadeOut(200);
+
      imagebox.fadeOut(200);
-
        //image.width(imagebox.width());
+
      //image.width(imagebox.width());
-
        image.height(imagebox.height()-$("#pager").height());
+
      image.height(imagebox.height()-$("#pager").height());
-
        imagebox.html(image.clone());
+
      imagebox.html(image.clone());
-
        imagebox.fadeIn(200);
+
      imagebox.fadeIn(200);
-
      }
+
    }
-
      function initSlideShow(a){
+
    function initSlideShow(a){
-
        items=a.children("items");
+
      items=a.children("items");
-
        l = items.children("div").length;
+
      l = items.children("div").length;
-
        pager = a.find("#pager");
+
      pager = a.find("#pager");
-
        pages="<ul class='slide-pager'>";
+
      pages="<ul class='slide-pager'>";
-
        for( i=1;i<=l;i++ )
+
      for( i=1;i<=l;i++ )
-
          pages+="<li onclick='openPage("+i+");' ><a href='#' class='no-action'>"+i+"</a></li> ";
+
        pages+="<li onclick='openPage("+i+");' ><a href='#' class='no-action'>"+i+"</a></li> ";
-
        pager.html(pages);
+
      pager.html(pages);
-
        openPage(1);
+
      openPage(1);
-
      }
+
    }
-
      $(document).ready(function(){
+
    $(document).ready(function(){
-
        initSlideShow( $("#slideshow") );
+
      initSlideShow( $("#slideshow") );
-
        $(".no-action").click(function (e){e.preventDefault();return true;});
+
      $(".no-action").click(function (e){e.preventDefault();return true;});
-
      });
+
    });
-
    </script>
+
  </script>
<div style="margin:4em;"width:50%;>
<div style="margin:4em;"width:50%;>
<div id="slideshow" class="box" style="width:100%;height:300px;">
<div id="slideshow" class="box" style="width:100%;height:300px;">
Line 85: Line 85:
         <div id="right" style="width:100%;height:100%;">
         <div id="right" style="width:100%;height:100%;">
           content here
           content here
-
        </div>
 
       </div>
       </div>
     </div>
     </div>
-
</div>
+
  </div>
 +
  </div>
</html>
</html>

Revision as of 10:25, 1 October 2013

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis diam et felis adipiscing molestie. Nam elit odio, ullamcorper quis vehicula quis, fermentum quis urna. Pellentesque ultrices, ante quis adipiscing consectetur, massa velit tempor est, vel condimentum odio turpis cursus risus. Mauris imperdiet elit ligula, quis sodales nulla elementum eget. Nulla in vestibulum orci, vitae blandit massa. Maecenas ac tellus sit amet sapien tincidunt posuere quis quis elit. Cras at tristique justo. Suspendisse sit amet tortor ultrices, accumsan magna et, molestie felis. Donec a enim nibh. Quisque id dolor semper, tempor purus consequat, dignissim turpis. Phasellus condimentum massa interdum porttitor mattis.

Curabitur malesuada vulputate mi, non fermentum justo vestibulum eu. Quisque semper nulla erat, quis tristique massa gravida at. In hac habitasse platea dictumst. Nunc gravida ut ipsum at dapibus. Nunc scelerisque velit in mauris venenatis, id consequat nisl aliquam. Nunc fringilla mauris non mauris luctus dictum. Etiam vulputate posuere velit non fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sodales leo quam, eget condimentum ipsum sagittis in. Duis molestie, lectus vitae consectetur rhoncus, orci orci iaculis massa, et bibendum magna felis nec enim. Mauris vel arcu elementum, sagittis lorem in, malesuada magna. Mauris tincidunt vehicula luctus. Maecenas cursus semper diam.
image here

Retrieved from "http://2013.igem.org/Team:ATOMS-Turkiye/deneme"