Team:METU/Gallery

Revision as of 17:00, 25 September 2012 (view source)

Hasanfd (Talk | contribs)

← Older edit

Revision as of 17:02, 25 September 2012 (view source)

Hasanfd (Talk | contribs)

Newer edit →

Line 1:

+

<head>

Line 5:

Line 6:

-

+

<!--[if IE 6]>

-

~~<script src="http://simsekburak.com/hasan/js/jquery-1.4.2.js" type="text/javascript"></script>~~

<![endif]-->

Line 17:

Line 16:

+

+

-

+

-

+

-

<~~script type~~="~~text/javascript~~" ~~src~~="~~https:~~/~~/ajax~~.~~googleapis.com~~/~~ajax/libs/jquery/1.7.1/jquery.min.js~~"></~~script~~>

+

-

+

-

+

-

~~<!-- Third, add the GalleryView Javascript and CSS files --~~>

+

-

+

-

~~<link type="text/css" rel="stylesheet" href="http://simsekburak.com/hasan/css/jquery.galleryview-3.0-dev.css" />~~

+

-

+

-

+

-

~~$(function(){~~

+

document.write('<style>.noscript { display: none; }</style>');

-

$('~~#myGallery')~~.~~galleryView()~~;

+

-

});

+

</script>

-

~~<script type="text/javascript">~~

-

~~function mycarousel_initCallback(carousel) {~~

-

~~$('.slider-nav a').bind('click', function() {~~

-

~~carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));~~

-

~~return false;~~

-

~~});~~

-

};

-

~~function mycarousel_itemFirstInCallback(carousel, item, idx, state) {~~

-

~~$('.slider-nav a').removeClass('active');~~

-

~~$('.slider-nav a').eq(idx-1).addClass('active');~~

-

};

-

~~$(function(){~~

-

~~//Horizontal Carousel~~

-

~~$('.slider-left ul, .slider-right ul').jcarousel({~~

-

~~auto: 5,~~

-

~~wrap: "last",~~

-

~~scroll: 1,~~

-

~~visible: 1,~~

-

~~initCallback: mycarousel_initCallback,~~

-

~~itemFirstInCallback:mycarousel_itemFirstInCallback,~~

-

~~buttonNextHTML: null,~~

-

~~buttonPrevHTML: null~~

-

~~});~~

-

~~//Blink Fields~~

-

~~$('.blink').~~

-

~~focus(function() {~~

-

~~if(this.title==this.value) {~~

-

~~this.value = '';~~

-

}

-

~~}).~~

-

~~blur(function(){~~

-

~~if(this.value=='') {~~

-

~~this.value = this.title;~~

-

}

-

~~});~~

-

~~//Navigation~~

-

~~$('#navigation ul li').hover(function() {~~

-

~~if( $(this).find('.dd-holder').length > 0 ) {~~

-

~~$(this).find('span').addClass('link');~~

-

~~$(this).find('a:eq(0)').addClass('hover');~~

-

~~$(this).find('a.hover').append('<span class="hide"> </span>');~~

-

~~var hide_width = $('.hover').outerWidth() -8;~~

-

~~$(this).find('.hide').css({~~

-

~~width : hide_width,~~

-

~~display : "block"~~

-

~~});~~

-

~~$(this).find('.dd-holder:eq(0)').show();~~

-

~~$('.dd-holder ul li').hover(function(){~~

-

~~if( $(this).find('.dd-holder').length > 0) {~~

-

~~$(this).find('a:eq(0)').addClass('subhover');~~

-

}

-

},

-

~~function(){~~

-

~~$(this).find('a:eq(0)').removeClass('subhover');~~

-

~~});~~

-

}

-

},

-

~~function(){~~

-

~~$(this).find('a').removeClass('hover');~~

-

~~$(this).find('.dd-holder:eq(0)').hide();~~

-

~~$(this).find('span').removeClass('link');~~

-

~~$(this).find('.hide').remove();~~

-

~~});~~

-

~~});~~

-

~~</script>~~

<style>

Line 261:

Line 167:

-

~~<li><img src="/wiki/images/a/a0/Metu-photos-gallery-99.JPG" alt="Cleaning the lab" /></li>~~

+

-

+

<!--<li><img src="https://static.igem.org/mediawiki/igem.org/7/76/Metu-photos-gallery-17.JPG" alt="Cleaning the lab" /></li>

Line 317:

Line 223:

-

+

</ul>

@@ Line 1: / Line 1: @@
 <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
 <head>
@@ Line 5: / Line 6: @@
          <link rel="shortcut icon" href="http://simsekburak.com/hasan/css/images/favicon.ico" />
-	<link rel="stylesheet" href="http://simsekburak.com/hasan/css/style.css" type="text/css" media="all" />
+		<link rel="stylesheet" href="http://simsekburak.com/hasan/css/style.css" type="text/css" media="all" />
 	<!--[if IE 6]>
 		<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
 		<script src="http://simsekburak.com/hasan/js/png-fix.js" type="text/javascript"></script>
-		<script src="http://simsekburak.com/hasan/js/jquery-1.4.2.js" type="text/javascript"></script>
 	<![endif]-->
@@ Line 17: / Line 16: @@
 	<script src="http://simsekburak.com/hasan/js/jquery.jcarousel.js" type="text/javascript"></script>
+	<script src="http://simsekburak.com/hasan/js/js-func.js" type="text/javascript"></script>
+	<script src="http://simsekburak.com/hasan/js/jquery-1.4.2.js" type="text/javascript"></script>
+	<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
+	<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+	<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
+	<!-- We only want the thunbnails to display when javascript is disabled -->
-		<!-- Third, add the GalleryView Javascript and CSS files -->
-	<script type="text/javascript" src="http://simsekburak.com/hasan/js/jquery.galleryview-3.0-dev.js"></script>
-	<link type="text/css" rel="stylesheet" href="http://simsekburak.com/hasan/css/jquery.galleryview-3.0-dev.css" />
-	<!-- Lastly, call the galleryView() function on your unordered list(s) -->
 	<script type="text/javascript">
-		$(function(){
+		document.write('<style>.noscript { display: none; }</style>');
-			$('#myGallery').galleryView();
-		});
 	</script>
-	<script type="text/javascript">
-		function mycarousel_initCallback(carousel) {
-    $('.slider-nav a').bind('click', function() {
-        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
-        return false;
-    });
-};
-function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
-	$('.slider-nav a').removeClass('active');
-	$('.slider-nav a').eq(idx-1).addClass('active');
-};
-$(function(){
-		//Horizontal Carousel
-		$('.slider-left ul, .slider-right ul').jcarousel({
-			auto: 5,
-			wrap: "last",
-			scroll: 1,
-			visible: 1,
-			initCallback: mycarousel_initCallback,
-			itemFirstInCallback:mycarousel_itemFirstInCallback,
-	        buttonNextHTML: null,
-	        buttonPrevHTML: null
-		});
-		//Blink Fields
-		$('.blink').
-		    focus(function() {
-		        if(this.title==this.value) {
-		            this.value = '';
-		        }
-		    }).
-		    blur(function(){
-		        if(this.value=='') {
-		            this.value = this.title;
-		        }
-		    });
-	    //Navigation
-		$('#navigation ul li').hover(function() {
-			if( $(this).find('.dd-holder').length > 0 ) {
-				$(this).find('span').addClass('link');
-				$(this).find('a:eq(0)').addClass('hover');
-				$(this).find('a.hover').append('<span class="hide">&nbsp;</span>');
-				var hide_width = $('.hover').outerWidth() -8;
-					$(this).find('.hide').css({
-					width : hide_width,
-					display : "block"
-				});
-				$(this).find('.dd-holder:eq(0)').show();
-				$('.dd-holder ul li').hover(function(){
-					if( $(this).find('.dd-holder').length > 0) {
-						$(this).find('a:eq(0)').addClass('subhover');
-					}
-					},
-					function(){
-						$(this).find('a:eq(0)').removeClass('subhover');
-					});
-			}
-		},
-		function(){
-			$(this).find('a').removeClass('hover');
-			$(this).find('.dd-holder:eq(0)').hide();
-			$(this).find('span').removeClass('link');
-			$(this).find('.hide').remove();
-		});
-	});
-	</script>
 <style>
@@ Line 261: / Line 167: @@
 <ul id="myGallery">
 	<li><img src="https://static.igem.org/mediawiki/igem.org/d/dc/Metu-photos-gallery-8.JPG" alt="Scary Lab" /></li>
-	<li><img src="/wiki/images/a/a0/Metu-photos-gallery-99.JPG" alt="Cleaning the lab" /></li>
 		<li><img src="https://static.igem.org/mediawiki/igem.org/0/0c/Metu-photos-gallery-18.JPG" alt="Cleaning the lab" /></li>
 		<li><img src="https://static.igem.org/mediawiki/igem.org/3/3f/Metu-photos-gallery-50.JPG" alt="Cleaning the lab" /></li>
-		<li><img src="https://static.igem.org/mediawiki/igem.org/7/76/Metu-photos-gallery-17.JPG" alt="Cleaning the lab" /></li>
+		<!--<li><img src="https://static.igem.org/mediawiki/igem.org/7/76/Metu-photos-gallery-17.JPG" alt="Cleaning the lab" /></li>
 		<li><img src="https://static.igem.org/mediawiki/igem.org/0/02/Metu-photos-gallery-16.JPG" alt="Cleaning the lab" /></li>
 		<li><img src="https://static.igem.org/mediawiki/igem.org/d/d4/Metu-photos-gallery-13.JPG" alt="Cleaning the lab" /></li>
@@ Line 317: / Line 223: @@
 		<li><img src="https://static.igem.org/mediawiki/igem.org/e/e7/Metu-photos-pokemon2.jpg" alt="pokemon" /></li>
 		<li><img src="https://static.igem.org/mediawiki/igem.org/d/d2/Metu-photos-pokemon1.jpg" alt="pokemon" /></li>
-		<li><img src="https://static.igem.org/mediawiki/igem.org/d/d2/Metu-photos-pokemon1.jpg" alt="pokemon" /></li>
+		<li><img src="https://static.igem.org/mediawiki/igem.org/d/d2/Metu-photos-pokemon1.jpg" alt="pokemon" /></li>-->
 </ul>

From 2012.igem.org

Revision as of 17:02, 25 September 2012

Gallery