#horizontal slider

[educationalequipment-blog1]

1 points and 0 comments so far on reddit

Get Ultra-Modern K-Pro Motion Looking for reliable, high-end education supplies? Educational Equipment can help. Browse for our wide range of educational products including K-Pro Motion, vertical and horizontal sliders etc.

[roelworks]

[Storyline] Horizontal Slider

Horizontal slider in Articulate Storyline, using states and triggers

Live version

View On WordPress

[twoflatremade]

The most complicated window installation was the one at the back of the house. The side and bay windows are fairly narrow and the top of the window is at the top of the basement, meaning there are no bricks above the window since the rest of the house is frame. The back window in the basement is over five feet wide but it’s short, with two courses of bricks above it. I was able to remove the existing window buck without the bricks above falling, but redoing the upper brick and installing a steel lintel seemed like the smart way to go. The existing window opening also didn’t have a sill, maybe because it used to be covered by the porch. I wanted to add a sill so that rain water would drip clear of the brick, preventing damage.

Removing the upper courses was a challenge because I didn’t want them to fall on me, so I wound up sitting on the new retaining wall and prying them loose (as seen in the video above). As expected they came down a dozen or two at a time, so it was a warranted precaution. I decided to go ahead and remove the second course as well, also captured on video. Once I removed everything and was down to good brick, I started with the lintel and upper bricks instead of the bottom so I could still put weight on the bottom as I worked. I bought and painted three six foot pieces of “angle iron” L-shaped steel. Our basement wall is three bricks thick (multi-wythe) so without getting a special piece of steel this was the easiest way to do it. I anchored the lintels in with brick and mortar on each side and then put in the middle course first, then the outside and finally the inside.

The next day I put together the sill, rebuilding the damaged courses and installing the limestone sill. I forgot to center the sill under the window, so it’s not perfectly symmetrical by a couple inches, but I can live with it. Then I rebuilt the sides where the center wythe of brick had erroded. Unfortunately I still wound up having to grind the sides to get it flat enough to fit the bucks. Since I bought my windows months ago with little to no clearance, I needed the rough openings to be big enough, which meant the sides had to be perfectly flat. On the side windows I did a lot of trial and error with test fitting the buck, but by this point I’d realized I could use my laser level to cast a vertical exactly where I wanted it, then grind away the red line.

Once the sides were smooth I installed the bucks the same way I did the side windows: pressure treated boards (though I increased to 2x10s in this case) with sill gasket installed using Tapcon screws. With the buck in place I slid the window into place, shimmed it on either side, and screwed it in with vinyl window screws. 

Window Installed

In the photo I took there were some shims underneath, but those were removed. On a horizontal slider you want it to rest on the sill. The final steps are sealing: backer rod, caulk, and spray foam. Once the pressure treated wood has properly dried (next summer) I’ll come back and paint the bucks. I plan to eventually clad the bucks on the outside with PVC trim boards, which will further protect the wood and make it look nice. Back Basement Window The most complicated window installation was the one at the back of the house. The side and bay windows are fairly narrow and the top of the window is at the top of the basement, meaning there are no bricks above the window since the rest of the house is frame.

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/bootstrap-slider-plugin/

Bootstrap Slider Plugin

Download Demo

Bootstrap Slider is a customizable jQuery component to create vertical and horizontal slider. Also it can be use as a range slider.

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/jquery-ui-slider-pips/

Jquery UI Slider Pips

Download   Demo

Jquery UI Slider Pips - Making jQuery Sliders a little bit nicer

Features

Adds small “pips” and “labels” to the slider

Extends the jQuery UI Slider widget

Easily Configurable

Works for both Horizontal and Vertical sliders

Doesn’t change default slider behaviour

Purely a visual plugin

Requirements:

jQuery (1.9+)

jQuery UI (1.10+)

A Reason to use it

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="css/jquery-ui-slider-pips.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> <script src="js/jquery-ui-slider-pips.min.js"></script>

2. HTML

<div id="slider2"></div>

3. JAVASCRIPT

$('#slider2').slider().slider('pips').slider('float');

4. OPTIONS

Advanced usage with options:

// First of all attach a slider to an element. $('.element').slider(); // Then you can give it pips and labels! $('.element').slider('pips', first: 'label', last: 'label', rest: 'pip', labels: ['label1', 'label2', ...], prefix: "", suffix: "" ); // And finally can add floaty numbers (if desired) $('.element').slider('float', handle: true, pips: true, labels: ['label1', 'label2', ...], prefix: "", suffix: "" );

Options for pips:

first: ‘pip’ or ‘label’ or false last: ‘pip’ or ‘label’ or false rest: ‘pip’ or ‘label’ or false labels: ['array','of','labels'] or false prefix: “string” suffix: “string” formatLabel: function(val) return this.prefix + val + this.suffix

Options for float:

handle: true or false pips: true or false labels: ['array','of','labels'] or false prefix: “string” suffix: “string” formatLabel: function(val) return this.prefix + val + this.suffix

[slickfish]

www.slickfish.com / web design composite from our recently launched MEMIC Online Annual Report. It's our 2nd custom project for MEMIC which features a bunch of sliding/moving content making the website fun, interactive and engaging. finished product: www.memicannualreport.com