Я создаю веб-сайт с темой Wp и использую галерею изображений с изотопом, выбрав http://jasonskinner.me/2013/04/creating ... o-gallery/ в качестве предпочтения. Теперь я хочу, чтобы мой изотопный фильтр можно было открыть по внешней ссылке, используя кошачью ссылку ex #art-concept. Я перепробовал все руководства, но моя URL-ссылка не изменилась. Может ли кто-нибудь мне помочь? Я все еще новичок в этом.
Я создаю веб-сайт с темой Wp и использую галерею изображений с изотопом, выбрав http://jasonskinner.me/2013/04/creating-a-filterable-wordpress-photo-gallery/ в качестве предпочтения. Теперь я хочу, чтобы мой изотопный фильтр можно было открыть по внешней ссылке, используя кошачью ссылку ex #art-concept. Я перепробовал все руководства, но моя URL-ссылка не изменилась. Может ли кто-нибудь мне помочь? Я все еще новичок в этом.
кстати, мой код:
[code]//put jQuery in noConflict mode var $j = jQuery.noConflict();
//simple fancybox start $j('.fancybox').fancybox({ //make sure fancybox knows we are loading images from wordpress 'type': 'image', 'autoSize' : true, //lock the background when fancybox is active so weird padding doesn't show up helpers : { overlay : { locked : false } } });
//---------------------------------------------- //---------------------------------------isotope //---------------------------------------------- //set container variable so we don't have to type alot var $container = $j('.photogal'); //run function when all images touched by isotope are loaded $container.imagesLoaded( function(){ //set parameters $container.isotope({ //tell isotope what to target itemSelector : '.element', //set the layout mode layoutMode: 'fitRows', //tell isotope to use CSS3 if it can and fallback to jQuery animationEngine : 'best-available', //set masonry parameter masonry: { //we want 5 columns columnWidth: $container.width() / 5 }
}); }); //tell isotope our filters are in the options id & links var $optionSets = $j('#options'), $optionLinks = $optionSets.find('a');
//click function to sort by data $optionLinks.click(function(){ var $this = $j(this); // don't proceed if already selected if ( $this.hasClass('selected') ) { return false; } var $optionSet = $this.parents('.option-set'); $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected');
// make option object dynamically, i.e. { filter: '.my-filter-class' } var options = {}, key = $optionSet.attr('data-option-key'), value = $this.attr('data-option-value'); // parse 'false' as false boolean value = value === 'false' ? false : value; options[ key ] = value; if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) { // changes in layout modes need extra logic changeLayoutMode( $this, options ); } else { // otherwise, apply new options $container.isotope( options ); } return false; }); });
Я создаю веб-сайт с темой Wp и использую галерею изображений с изотопом, выбрав в качестве предпочтения. Теперь я хочу, чтобы мой изотопный фильтр можно было открыть по внешней ссылке, используя кошачью ссылку ex #art-concept. Я перепробовал все...
Я работаю с плагином изотопа jQuery и хотел бы отображать только элементы из определенной группы при загрузке страницы. В настоящее время отображаются все элементы:
Например, по ссылке выше есть ли способ загрузить страницу с отображением...
Я пытаюсь создать два отдельных фильтра с одинаковой разметкой. Проблема в том, что когда я нажимаю на любой фильтр в первом блоке, он также фильтрует элементы во втором блоке. Как настроить изотоп так, чтобы он фильтровал элементы в одном блоке?...
Следуя совету нескольких S.O. Участники, я решил попытаться использовать изотоп jQuery на веб -странице. Я также использую Bootstrap 3 и испытываю проблемы с получением миниатюрной галереи (с изображениями в сфере ландшафта /портрета). Все отлично...
Следуя совету нескольких S.O. Участники, я решил попытаться использовать изотоп jQuery на веб -странице. Я также использую Bootstrap 3 и испытываю проблемы с получением миниатюрной галереи (с изображениями в сфере ландшафта /портрета). Все отлично...