Показать сообщение отдельно
  #11 (permalink)  
Старый 02.07.2014, 00:39
Интересующийся
Отправить личное сообщение для Нарек Посмотреть профиль Найти все сообщения от Нарек
 
Регистрация: 23.06.2014
Сообщений: 17

В общем я с другим скриптом разобрался, теперь он действует при определенных разрешениях браузера, с помощью windows.resize вот таким образом
var hide = function(){
    if ($(window).width() > 980) {
        $('.info-container a').toggle(function() {
            $(this)
                .closest('li')
                .find('.work-info')
                .fadeIn();
            return false;
        }, function() {
            $(this)
                .closest('li')
                .find('.work-info')
                .fadeOut();
            return false;
        });
    }
    else {
        $('.info-container a').unbind('click'); 
    }
};
hide();
$(window).resize(hide);

А вот с этим скриптом никак разобраться не могу, не срабатывает никак.. Как подключаю к windows.resize скрипт вобще не работает.. Походу с синтаксисом проблемы у меня, что то не туда засовываю. Знающие добрые люди, допишите, пожалуйста, эти 2 строки кода к скрипту, чтоб он делал свое дело выше скажем 1000px, и ушел в покой ниже этого числа.

Вот мой вариант, но он работает только тогда, когда изначально размер окна выше или меньше данного числа, при ресайзе ничего не меняется..

( function( $ ) {
	if ($(window).width() > 980) {
	
	$.fn.hoverfold = function( args ) {

		this.each( function() {
		
			$( this ).children( '.view' ).each( function() {
			
				var $item 	= $( this ),
					img		= $item.children( 'img' ).attr( 'src' ),
					struct	= '<div class="slice s1">';
						struct	+='<div class="slice s2">';
							struct	+='<div class="slice s3">';
								struct	+='<div class="slice s4">';
									struct	+='<div class="slice s5">';
									struct	+='</div>';
								struct	+='</div>';
							struct	+='</div>';
						struct	+='</div>';
					struct	+='</div>';
					
				var $struct = $( struct );
				
				$item.find( 'img' ).remove().end().append( $struct ).find( 'div.slice' ).css( 'background-image', 'url(' + img + ')' ).prepend( $( '<span class="overlay" ></span>' ) );
				
			} );
			
		});

	};

}} 
)( jQuery );

Последний раз редактировалось Нарек, 02.07.2014 в 11:02.
Ответить с цитированием