Information: https://harvesthq.github.io/chosen/
koentjuh1
koentjuh1
/ Replace image top background-image.js
Last active
August 30, 2016 11:12
Replace image of <img> into css: background-image:url(''); to the parent.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('.slider-block img').each(function() { | |
| var imgSrc = $(this).attr('src'); | |
| $(this).parent().css({'background-image': 'url('+imgSrc+')'}); | |
| $(this).remove(); | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="carousel-inner" role="listbox"> | |
| <div class="item" style="background-image: url("images/slider1.jpg");"> | |
| </div> | |
| <div class="item" style="background-image: url("images/slider2.jpg");"> | |
| </div> | |
| <div class="item" style="background-image: url("images/slider3.jpg");"> | |
| </div> | |
| </div> |
koentjuh1
/ Add class to parent.html
Created
August 30, 2016 10:09
Add class to parent and remove when clicked outside the element
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="click-box"> | |
| <div class="btn btn-default">click me</div> | |
| <div class="click-content"> | |
| click content | |
| </div> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('article').readmore({ | |
| speed: 300, | |
| collapsedHeight: 100, | |
| lessLink: '<a href="#">Lees minder</a>', | |
| moreLink: '<a href="#">Lees meer</a>' | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Scroll button: */ | |
| <div class="arrow-icon scroll" data-rel="#arrow-scroll-to"> | |
| </div> | |
| /* Scroll to: */ | |
| <div id="arrow-scroll-to"> | |
| </div> |
koentjuh1
/ Get height of div with jquery.js
Created
August 30, 2016 11:09
Get height of div with jquery
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document ).ready(function() { | |
| var result = $(".row-about-us .left").height(); | |
| $(".row-about-us .right").css("height", result); | |
| }); |
koentjuh1
/ Set fixed header after scroll top.js
Last active
August 30, 2016 11:20
Set fixed header after scroll top
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Version 1 | |
| function adjustHeader1(){ | |
| var head = jQuery('.header-bot'); | |
| if(jQuery(document).scrollTop() > 50) { | |
| if(!head.hasClass('header-bot-fix')) { | |
| head.addClass('header-bot-fix'); | |
| } | |
| } | |
| else { | |
| if(head.hasClass('header-bot-fix')) { |
koentjuh1
/ Dropdown with search - chosen.md
Last active
September 1, 2016 08:51
Dropdown with search - chosen
koentjuh1
/ Youtube optimization.html
Last active
August 30, 2016 12:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Take ID of youtube video */ | |
| <div class="youtube" id="XqFl-S48NSw"></div> |