В общем я с другим скриптом разобрался, теперь он действует при определенных разрешениях браузера, с помощью 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 );
