Template:Debrecen Hungary Gallery

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <!-- Include ad-gallery script. --> <script type="text/javascript" src="http://yourjavascript.com/69141313184/jquery.ad-gallery.pack.js"></script> <!-- Gallery CSS. --> <...")
 
(27 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<!-- Include ad-gallery script. -->
<!-- Include ad-gallery script. -->
-
<script type="text/javascript" src="http://yourjavascript.com/69141313184/jquery.ad-gallery.pack.js"></script>
+
<script type="text/javascript" src="http://yourjavascript.com/41113825191/jquery.ad-gallery-mini.js"></script>
 +
 
 +
<!-- Load the gallery. -->
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
    var galleries = $('.ad-gallery').adGallery();
 +
});
 +
</script>
<!-- Gallery CSS. -->
<!-- Gallery CSS. -->
<style>
<style>
-
 
+
.ad-gallery {
 +
width: 800px;
 +
        margin: auto;
 +
        padding: 30px;
 +
        border-style: solid;
 +
        border-width: 1px;
 +
}
 +
.ad-gallery * {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.ad-gallery .ad-image-wrapper {
 +
width: 100%;
 +
height: 400px;
 +
margin-bottom: 10px;
 +
position: relative;
 +
overflow: hidden;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-loader {
 +
position: absolute;
 +
z-index: 10;
 +
top: 48%;
 +
left: 48%;
 +
border: 1px solid #CCC;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-next {
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
width: 25%;
 +
height: 100%;
 +
cursor: pointer;
 +
display: block;
 +
z-index: 100;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-prev {
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 25%;
 +
height: 100%;
 +
cursor: pointer;
 +
display: block;
 +
z-index: 100;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
 +
/* Or else IE will hide it */
 +
background: url(non-existing.jpg)\9
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
 +
background: url(https://static.igem.org/mediawiki/2011/e/e2/Ad_prev.png);
 +
width: 30px;
 +
height: 30px;
 +
display: none;
 +
position: absolute;
 +
top: 47%;
 +
left: 0;
 +
z-index: 101;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
 +
background: url(https://static.igem.org/mediawiki/2011/1/1d/Ad_next.png);
 +
width: 30px;
 +
height: 30px;
 +
right: 0;
 +
left: auto;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-image {
 +
position: absolute;
 +
overflow: hidden;
 +
top: 0;
 +
left: 0;
 +
z-index: 9;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-image a img {
 +
border: 0;
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
 +
position: absolute;
 +
bottom: 0px;
 +
left: 0px;
 +
padding: 7px;
 +
text-align: left;
 +
width: 100%;
 +
z-index: 2;
 +
background: url(https://static.igem.org/mediawiki/2011/1/1d/Opa75.png);
 +
color: #000;
 +
}
 +
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
 +
background: none;
 +
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='https://static.igem.org/mediawiki/2011/1/1d/Opa75.png');
 +
}
 +
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
 +
display: block;
 +
}
 +
.ad-gallery .ad-controls {
 +
height: 20px;
 +
}
 +
.ad-gallery .ad-info {
 +
float: left;
 +
}
 +
.ad-gallery .ad-slideshow-controls {
 +
float: right;
 +
}
 +
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
 +
padding-left: 5px;
 +
cursor: pointer;
 +
}
 +
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
 +
padding-left: 5px;
 +
font-size: 0.9em;
 +
}
 +
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
 +
cursor: default;
 +
font-style: italic;
 +
}
 +
.ad-gallery .ad-nav {
 +
width: 100%;
 +
position: relative;
 +
}
 +
.ad-gallery .ad-forward, .ad-gallery .ad-back {
 +
position: absolute;
 +
top: 0;
 +
height: 100%;
 +
z-index: 10;
 +
}
 +
/* IE 6 doesn't like height: 100% */
 +
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
 +
height: 100px;
 +
}
 +
.ad-gallery .ad-back {
 +
cursor: pointer;
 +
left: -20px;
 +
width: 13px;
 +
display: block;
 +
background: url(https://static.igem.org/mediawiki/2011/7/7a/Ad_scroll_back.png) 0px 22px no-repeat;
 +
}
 +
.ad-gallery .ad-forward {
 +
cursor: pointer;
 +
display: block;
 +
right: -20px;
 +
width: 13px;
 +
background: url(https://static.igem.org/mediawiki/2011/5/5a/Ad_scroll_forward.png) 0px 22px no-repeat;
 +
}
 +
.ad-gallery .ad-nav .ad-thumbs {
 +
overflow: hidden;
 +
width: 100%;
 +
}
 +
.ad-gallery .ad-thumbs .ad-thumb-list {
 +
float: left;
 +
width: 9000px;
 +
list-style: none;
 +
}
 +
.ad-gallery .ad-thumbs li {
 +
float: left;
 +
padding-right: 5px;
 +
}
 +
.ad-gallery .ad-thumbs li a {
 +
display: block;
 +
}
 +
.ad-gallery .ad-thumbs li a img {
 +
border: 3px solid #CCC;
 +
display: block;
 +
}
 +
.ad-gallery .ad-thumbs li a.ad-active img {
 +
border: 3px solid #616161;
 +
}
 +
/* Can't do display none, since Opera won't load the images then */
 +
.ad-preloads {
 +
position: absolute;
 +
left: -9000px;
 +
top: -9000px;
 +
}
</style>
</style>
 +
 +
<!-- Setup gallery. -->
 +
<div style="width: 100%; text-align: center;">
 +
<div class="ad-gallery">
 +
  <div class="ad-image-wrapper"></div>
 +
  <div class="ad-controls"></div>
 +
  <div class="ad-nav">
 +
    <div class="ad-thumbs">
 +
      <ul class="ad-thumb-list">
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/a/a3/Team_Debrecen_Gallery_01.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/5/53/Team_Debrecen_Gallery_01_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/4/48/Team_Debrecen_Gallery_02.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/a/a5/Team_Debrecen_Gallery_02_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/3/39/Team_Debrecen_Gallery_03.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/c/cf/Team_Debrecen_Gallery_03_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/6/6b/Team_Debrecen_Gallery_04.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/4/4a/Team_Debrecen_Gallery_04_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/f/f8/Team_Debrecen_Gallery_05.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/9/95/Team_Debrecen_Gallery_05_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/a/a8/Team_Debrecen_Gallery_06.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/b/b6/Team_Debrecen_Gallery_06_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/7/73/Team_Debrecen_Gallery_07.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/9/95/Team_Debrecen_Gallery_07_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/b/b0/Team_Debrecen_Gallery_08.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/8/8a/Team_Debrecen_Gallery_08_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a href="https://static.igem.org/mediawiki/2011/0/0d/Team_Debrecen_Gallery_09.jpg">
 +
            <img src="https://static.igem.org/mediawiki/2011/1/1f/Team_Debrecen_Gallery_09_thumb.jpg"/>
 +
          </a>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
</html>
</html>

Latest revision as of 21:59, 18 September 2011

Retrieved from "http://2011.igem.org/Template:Debrecen_Hungary_Gallery"