|
|
Line 23: |
Line 23: |
| */ | | */ |
| }); | | }); |
− | $(function() {
| |
− | $(".carouselimage").click( function() {
| |
− | highlightcarousel(this);
| |
− |
| |
− | });
| |
− | });
| |
− |
| |
− | function fillpanel(person) {
| |
− | var member = '$team' + person;
| |
− | var membername = member + 'name';
| |
− | var membertext = member + 'text';
| |
− | var memberpic = member + 'pic';
| |
− | $('#teampanelname').html(eval(membername));
| |
− | $('#teampaneltext').html(eval(membertext));
| |
− | $('#teampanelpic').attr('src', eval(memberpic));
| |
− | }
| |
− |
| |
− | function highlightcarousel(image) {
| |
− | var id = $(image).attr('id');
| |
− | switch(id) {
| |
− | case 'carouselteamchristine':
| |
− | fillpanel('christine');
| |
− | break;
| |
− | case 'carouselteamdaniel':
| |
− | fillpanel('daniel');
| |
− | break;
| |
− | case 'carouselteamfrieda':
| |
− | fillpanel('frieda');
| |
− | break;
| |
− | case 'carouselteamhendrik':
| |
− | fillpanel('hendrik');
| |
− | break;
| |
− | case 'carouselteamjasmin':
| |
− | fillpanel('jasmin');
| |
− | break;
| |
− | case 'carouselteamlukas':
| |
− | fillpanel('lukas');
| |
− | break;
| |
− | case 'carouselteammax':
| |
− | fillpanel('max');
| |
− | break;
| |
− | case 'carouselteammichael':
| |
− | fillpanel('michael');
| |
− | break;
| |
− | case 'carouselteamstefan':
| |
− |
| |
− | fillpanel('stefan');
| |
− | break;
| |
− | case 'carouselteamtim':
| |
− | fillpanel('tim');
| |
− | break;
| |
− | default:
| |
− | fillpanel('team');
| |
− | }
| |
− | }
| |
− |
| |
− | $(function() {
| |
− | $('.jcarousel').jcarousel();
| |
− | });
| |
− |
| |
− | function trigger(carousel, state)
| |
− | {
| |
− | $("#testbutton").html(carousel.first);
| |
− | };
| |
− |
| |
− | $(function() {
| |
− | $("#testbutton").click( function() {
| |
− | $('.jcarousel').jcarousel('scroll', '+=2');
| |
− | var first = $('.jcarousel').jcarousel('first');
| |
− | $(first).css({"width":"300px"});
| |
− | });
| |
− | });
| |
− |
| |
− | $activepanel = '';
| |
− |
| |
− | $(".carousel").delegate("li", "click", function() {
| |
− | var clickedItem = $(this).attr('class');
| |
− | console.log(clickedItem);
| |
− | });
| |
− | $(function() {
| |
− | $("#notebookpanel").hover(
| |
− | function() {
| |
− | $(this).css("background", "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/a/ad/Heidelberg_media_pictures_notebook_color.png/800px-Heidelberg_media_pictures_notebook_color.png)")
| |
− | },
| |
− | function() {
| |
− | $(this).css("background","linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/4/40/Heidelberg_media_pictures_notebook_bw.png/800px-Heidelberg_media_pictures_notebook_bw.png)");
| |
− | });
| |
− | });
| |
− | }
| |