Comments for Maze of Minds

Comment on Create a Filterable Portfolio Powered by jQuery by Asta

Asta — Mon, 20 Feb 2012 16:32:03 +0000

Hi, you're welcome :) Feel free to use it on your website. To remove prettyphoto, first remove the link to the jquery.prettyPhoto.js file in the head of index.html (line 10):

Then in index.html change the href attribute value of the anchor tags and remove rel attribute:

In script.js file find and delete this bit of code (lines 11 and 48):

$(".portfolio a[rel^='prettyPhoto']").prettyPhoto({
 theme:'light_square', 
 autoplay_slideshow: false, 
 overlay_gallery: false, 
 show_title: false
});

Good luck!

Comment on Create a Filterable Portfolio Powered by jQuery by Diego

Diego — Tue, 14 Feb 2012 17:52:47 +0000

Hi Asta,
Thank you for this tutorial, it works great,
I’m an architect and planning to use it on my website, if you allow me to
I have only one question,
I want to remove “the prettyphoto plugin” and instead launch an event that by clicking on a picture it would take me to another page where all the information of the targeted picture is

Thanks

Comment on Coming Soon – Free PSD by 25个免费网站建筑模板 | 大智囊设计库

25个免费网站建筑模板 | 大智囊设计库 — Sat, 11 Feb 2012 02:58:27 +0000

[...] Coming Soon – Free PSD [...]

Comment on Create a Filterable Portfolio Powered by jQuery by Sarah

Sarah — Tue, 07 Feb 2012 06:04:01 +0000

Thank you for the great tutorial! By far the easiest one to follow on this topic! I have implemented the code on this site Love how it works and looks! I am, however, having an issue working Fancybox into the code, which is what I'm currently using on my home page. My file for the portfolio images is very lengthy but here's how the first part is structured:


$(document).ready(function() {
	
	$("a.fancybox").fancybox({
		'titlePosition'		: 'inside'
	});
	
	$("#graphicgallery1").click(function() {
		$.fancybox([
			{
				'href'	: 'images/graphic/mag1.jpg',
				'title'	: '1/4: Cover design for a twice-yearly style magazine for WITNESS, a nonprofit human rights advocacy group.'
			},
			{
				'href'	: 'images/graphic/mag2jpg',
				'title'	: '2/4: Image heavy spread focusing on the work of filmmaker Shirin Neshat.'
			},
			
			{
				'href'	: 'images/graphic/mag3.jpg',
				'title'	: '3/4: Multicontent spread showing the conclusions of two articles and a reader’s buying guide.'
			},
			{
				'href'	: 'images/graphic/mag4.jpg',
				'title'	: '4/4: Text heavy spread focusing on Google’s involvement with the Crisis in Darfur.'
			},

		], {
			'padding'			: 10,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'titlePosition'		: 'inside',
			'changeFade'        : 0
		});
	});

This works perfectly on my current site and I hope it can work with this sleek new layout :) Any help you could provide is greatly appreciated! Love your work/blog and I'm already following you and Tomas on Twitter! Thank you for your time!

Comment on Create a Filterable Portfolio Powered by jQuery by Natalie

Natalie — Mon, 06 Feb 2012 10:03:22 +0000

Dear Asta,

I just wanted to say thank you for this tutorial. I’m not a web designer but do try to make my own. It’s quite hard to put certain elements together and scripts clash, I’ve spent the past week trying to make Quicksand and a gallery script work, but without perfect success… then I stumble across this tutorial – complete and perfect in every sense and it puts a smile on my face that someone will go the length of putting it together and make it available for others.

So THANK YOU for your effort :)

Comment on Create a Filterable Portfolio Powered by jQuery by Charlie

Charlie — Wed, 01 Feb 2012 14:00:42 +0000

Hi Asta,

I’ve been playing around with this fantastic system and it does everything I want! The only issue I am having is that I’m using title=”…” to hold a description of the image so that it appears below it in the lightbox. Is there anyway I can do this but prevent the text from appearing as a tooltip when it’s hovered over before the click that brings up the lightbox?

Thanks again!

Comment on Create a Filterable Portfolio Powered by jQuery by Irina

Irina — Thu, 26 Jan 2012 17:27:13 +0000

sorry for the typo: panauduosiu. :)

Comment on Create a Filterable Portfolio Powered by jQuery by Irina

Irina — Thu, 26 Jan 2012 17:23:47 +0000

Aciu labai uz si koda. Kaip tik tai ko ieskojau. Panaudosiu savo portfolio!

Comment on Create a Filterable Portfolio Powered by jQuery by anup shah

anup shah — Wed, 25 Jan 2012 10:56:40 +0000

Please give me script change with example…………

So i can do it becos i m very much new to Jquery.

Comment on Create a Filterable Portfolio Powered by jQuery by Jaime Montemayor

Jaime Montemayor — Wed, 25 Jan 2012 08:41:13 +0000

Hi! Im trying as well to land directly to one of the categories when the portfolio loads (i’ve plenty of images and dont want to load all of them by default).. you reply something above “call quicksand on page load ans set duration parameter to 0″.. but dont know exactly where and how to code it.. hope you can help me out..
Thank you!