Template:Team:Waterloo/JS/jgallery
From 2014.igem.org
(Difference between revisions)
Line 7: | Line 7: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | |||
/*! | /*! | ||
- | * jGallery v1.3. | + | * jGallery v1.3.4 |
* http://jgallery.jakubkowalczyk.pl/ | * http://jgallery.jakubkowalczyk.pl/ | ||
* | * | ||
Line 82: | Line 81: | ||
var defaultsSliderMode = { | var defaultsSliderMode = { | ||
width: '940px', | width: '940px', | ||
- | height: ' | + | height: '360px', |
canResize: false, | canResize: false, | ||
draggableZoom: false, | draggableZoom: false, | ||
Line 88: | Line 87: | ||
thumbnailsFullScreen: false, | thumbnailsFullScreen: false, | ||
thumbType: 'square', | thumbType: 'square', | ||
+ | thumbWidth: 20, //px | ||
+ | thumbHeight: 20, //px | ||
canMinimalizeThumbnails: false, | canMinimalizeThumbnails: false, | ||
transition: 'rotateCubeRightOut_rotateCubeRightIn', | transition: 'rotateCubeRightOut_rotateCubeRightIn', | ||
Line 568: | Line 569: | ||
this.$albums.not( $album.get( 0 ) ).removeClass( 'active' ); | this.$albums.not( $album.get( 0 ) ).removeClass( 'active' ); | ||
$album.addClass( 'active' ); | $album.addClass( 'active' ); | ||
- | this.jGallery.iconChangeAlbum.getListOfAlbums().find( '.item' ).removeClass( 'active' ).filter( '[data-jgallery-album-title="' + $album.attr( 'data-jgallery-album-title' ) + '"]' ).addClass( 'active' ); | + | albums = this.jGallery.iconChangeAlbum.getListOfAlbums(); |
+ | albums.find( '.item' ).removeClass( 'active' ); | ||
+ | albums.filter( '[data-jgallery-album-title="' + $album.attr( 'data-jgallery-album-title' ) + '"]' ).addClass( 'active' ); | ||
this.jGallery.iconChangeAlbum.setTitle( $album.attr( 'data-jgallery-album-title' ) ); | this.jGallery.iconChangeAlbum.setTitle( $album.attr( 'data-jgallery-album-title' ) ); | ||
this.refreshNavigation(); | this.refreshNavigation(); | ||
Line 1,319: | Line 1,322: | ||
$active.attr( 'data-height', image.height ); | $active.attr( 'data-height', image.height ); | ||
} | } | ||
- | if ( jGalleryOptions[ this.jGallery.intId ].title && $imgThumb. | + | if ( jGalleryOptions[ this.jGallery.intId ].title && $imgThumb.attr( 'alt' ) ) { |
this.$title.html( $imgThumb.attr( 'alt' ) ).removeClass( 'before' ).removeClass( 'after' ); | this.$title.html( $imgThumb.attr( 'alt' ) ).removeClass( 'before' ).removeClass( 'after' ); | ||
+ | this.jGallery.$element.addClass( 'has-title' ); | ||
+ | } | ||
+ | else { | ||
+ | this.jGallery.$element.removeClass( 'has-title' ); | ||
} | } | ||
this.jGallery.setColours( { | this.jGallery.setColours( { | ||
Line 2,024: | Line 2,031: | ||
background-image: linear-gradient(to bottom,rgba( ' + arrBgAlt.r + ',' + arrBgAlt.g + ', ' + arrBgAlt.b + ', 0 ) 0%,rgba( ' + arrBgAlt.r + ',' + arrBgAlt.g + ', ' + arrBgAlt.b + ', 1 ) 100%);\ | background-image: linear-gradient(to bottom,rgba( ' + arrBgAlt.r + ',' + arrBgAlt.g + ', ' + arrBgAlt.b + ', 0 ) 0%,rgba( ' + arrBgAlt.r + ',' + arrBgAlt.g + ', ' + arrBgAlt.b + ', 1 ) 100%);\ | ||
background-repeat: repeat-x;\ | background-repeat: repeat-x;\ | ||
+ | }\ | ||
+ | .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom,\ | ||
+ | .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title.expanded {\ | ||
+ | background: rgba(' + arrBg.r + ',' + arrBg.g + ', ' + arrBg.b + ',.7);\ | ||
+ | color: rgb(' + arrText.r + ',' + arrText.g + ', ' + arrText.b + ');\ | ||
}\ | }\ | ||
.jgallery.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .jgallery-btn {\ | .jgallery.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .jgallery-btn {\ |
Revision as of 06:28, 17 October 2014