Показать сообщение отдельно
  #2 (permalink)  
Старый 19.01.2014, 15:19
Аватар для inet_boy
Интересующийся
Отправить личное сообщение для inet_boy Посмотреть профиль Найти все сообщения от inet_boy
 
Регистрация: 31.10.2012
Сообщений: 24

Выдернул кусок кода но не работает

function gifAnimated(cover) {
	var div_animated = $(cover).find('.gif-animated');
	var div_static = $(cover).find('.gif-static');
	var img_animated = div_animated.find('img');
	var gif_over = div_static.find('.gif-over');
	if (div_animated.hasClass('hide')) {
		if (img_animated.hasClass('noload')) {
			gif_over.addClass('preloader');
			img_animated.removeClass('noload').addClass('preload');
			var img = new Image();
			$(img).load(function() {
				img_animated.attr('src', img_animated.data('src'));
				img_animated.removeClass('noload').removeClass('preload').addClass('load');
				if (gif_over.hasClass('preloader')) {
					gif_over.removeClass('preloader');
					div_static.addClass('hide');
					div_animated.removeClass('hide');
				}
			});
			$(img).attr('src', img_animated.data('src'));
		}
		else if (img_animated.hasClass('preload')) {
			gif_over.toggleClass('preloader');
		}
		else {
			div_static.addClass('hide');
			div_animated.removeClass('hide');
		}
	}
	else {
		div_animated.addClass('hide');
		div_static.removeClass('hide');
	}
	return false;
}


<style>
.gif-cover .gif-static, .gif-cover .gif-animated { 
display: inline-block;
max-width: 100%;
position: relative;
}

.gif-over { 
background: url("http://s.fishki.net/css/fishki/img/gif-over.png") 0px 0px no-repeat transparent;
height: 70px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
overflow: hidden;
position: absolute;
text-indent: -999px;
top: 50%;
width: 70px;
z-index: 2;
}
</style>

<div class="gif-cover">
	<a onclick="return gifAnimated(this)" href="http://s.fishki.net/upload/post/201310/19/1211115/999863d8d105c39f9da19228bf10ace7.gif">
		<div class="gif-static">
			<img src="http://s.fishki.net/upload/post/201310/19/1211115/999863d8d105c39f9da19228bf10ace7_preview.jpg" alt="физика, гифки, интересно, увлекательно" title="Увлекательная физика">
			<span class="gif-over">Посмотреть</span>
		</div>
		<div class="gif-animated hide">
			<img src="http://s.fishki.net/upload/post/201310/19/1211115/999863d8d105c39f9da19228bf10ace7.gif" alt="физика, гифки, интересно, увлекательно" title="Увлекательная физика ">
		</div>
	</a>
</div>


есть еще такое Смена картинок при клике
работает! но IE ругается на ActiveX

Последний раз редактировалось inet_boy, 19.01.2014 в 15:24.
Ответить с цитированием