ionden.com/a/plugins/ion.rangeSlider/index.html

Ну вот как-то так :)

$(function () {
	$('a').hover(function () {
		$('.overlay').fadeToggle(200);
		$('#logo').toggleClass('is-active');
	});
});

https://projects.lukehaas.me/scrollify/

Вот посмотри: frontend.aliterax.com/newton/card.html

но что еще нужно исправить и как написать - не знаю + отладчик ругается на строку dataType:'JSON'

Забыли запятую после data: { ... }

А тут опечатка iata-permalink*

<a href="#order-popup-big" iata-permalink="<?php the_permalink(); ?>" data-id="<?php the_ID(); ?>" data-title="<?php the_title(); ?>" class="fancybox gather-data first-abs-picture-name"><?php the_title(); ?></a>

Думаю можно и без AJAX, а просто брать данные текущей записи посредством jquery

$('.popup-form').fancybox({
	beforeLoad: function () {
		$('h1.item-name').html($('.first-abs-picture-name').html());
		$('.thumb').html($('.first-abs-item-img').html());
		$('.excerpt').html($('.first-abs-item-up').next().html());
	}
});

Конечно очень сомневаюсь в корректности данного способа, есть и более красивее :) но если нужно быстро то как вариант