LouisWhit
LouisWhit
/ gallery-sortable.html
Created
July 11, 2019 21:57
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Sorting Gallery</title> | |
| <style></style> | |
| </head> | |
| <body> | |
| <div class="container container-fluid"> | |
| <div class="row"> | |
| <div data-editor="code" data-title='Sorting Gallery' class="col-md-12 gallery gallery-sortable"> |
LouisWhit
/ accordion.html
Created
June 12, 2019 02:05
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Accordion - Item</title> | |
| <style></style> | |
| </head> | |
| <body> | |
| <div class="container container-fluid accordionPage"> | |
| <div class="row"> | |
| <div data-editor="html" data-title='Accordion Item' class="col-md-12 accordionItem"> |
LouisWhit
/ better-image-fit.js
Created
April 26, 2019 14:26
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
| $('.fullWidthBanner img').on('bestfit',function(){ | |
| var css; | |
| var ratio=$(this).width() / $(this).height(); | |
| var pratio=$(this).parent().width() / $(this).parent().height(); | |
| if (ratio<pratio) css={width:'auto', height:'100%'}; | |
| else css={width:'100%', height:'auto'}; | |
| $(this).css(css); | |
| }).on('load', function(){ | |
| $(this).trigger('bestfit'); | |
| }).trigger('bestfit'); |
LouisWhit
/ inpage-gallery-band.html
Last active
August 14, 2018 18:48
A multi image sliding gallery to track the mod ul left and right depending on navigation arrow clicked.
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Gallery</title> | |
| <style></style> | |
| </head> | |
| <body> | |
| <div class="container container-fluid greyBand galleryBand" data-questions="background-color|border-top-color" data-options="color|color"> | |
| <div class="row"> | |
| <div class="col-md-12 col-sm-12" data-droppable="none" data-dummy=""> |
LouisWhit
/ SimpleSlider.css
Created
August 15, 2014 16:05
Simple Slider/Rotator Script. Has left an right arrows. Also auto rotates.
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
| #custom1_mod li a{ | |
| cursor: default; | |
| } | |
| #custom1_mod li a.btn{ | |
| cursor: pointer; | |
| } | |
| @keyframes fadeInBottomBig { | |
| 0% { | |
| opacity: 0; | |
| transform: translateY(2000px); |
LouisWhit
/ Share This Image Social Tag Creator.js
Created
December 5, 2013 20:32
Dynamic Social Share Links for Galleries
LouisWhit
/ Add a class while user is scrolling.js
Created
December 2, 2013 15:38
Disable pointer events to improve scrolling performance on websites that have many hover effects.
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
| var body = document.body, | |
| timer; | |
| window.addEventListener('scroll', function() { | |
| clearTimeout(timer); | |
| if(!body.classList.contains('disable-hover')) { | |
| body.classList.add('disable-hover') | |
| } | |
| timer = setTimeout(function(){ |
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
| @keyframes spin { | |
| to { transform: rotate(1turn); } | |
| } | |
| .progress { | |
| position: relative; | |
| display: inline-block; | |
| width: 5em; | |
| height: 5em; | |
| margin: 0 .5em; |
LouisWhit
/ Add RSS Auto Discovery.html
Created
November 21, 2013 22:40
Adding this one line of code to your template or site wide tags will make it easier for people to subscribe to your RSS feed.
You will of course need to change the value of the title and href attributes to fit your needs. Your href should be where your full rss feed address is located (note; the feed may not be all but should be whatever was set…
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
| <link rel="alternate" type="application/rss+xml" title="RSS Feed for Your_website.com" href="www.yourwebsite.com/rss/all" /> |
LouisWhit
/ Replace BR with at.js
Created
November 21, 2013 22:33
Some features such as Events have code such as: Jan 21, 2014<br />08:00 AM - 08:30 AM that dumps out of {dateinfo}. Some clients prefer that this displays on one line. The script below will achieve that goal.
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
| <script type="text/javascript"> | |
| var s = "{dateinfo}"; | |
| s = s.replace(/<[^>]+>[^<]*<[^>]+>|<[^\/]+\/>/ig, " at "); | |
| document.write(s); | |
| </script> |
NewerOlder