Many of you have heard my story about my photography training back in the day, you know the story where I share that I took a class for a full year, five days a week for four hours a day—if you were a victim of that long winded story I’m sorry. Anyway, I have always wanted to get back in to it but not like your average camera joe with a pocket camera or event a high-end consumer point-n-click camera, but with a real professional DSLR with many lenses, lighting, the whole nine-yards.
So I recently I got a bonus from work and decided to take some time and actually do some research on the subject of professional photography. As a result I have finally taken the plunge and purchased an used prosumer camera (the professional ones are really expensive or rather outside of my price range at the moment) as well as a couple lenses (which are more money then the camera itself—but that how it should be since the lens is what makes your picture).
Therefore, now that I can take some real pictures (or put another way, now that I’ve spent the money I HAVE TO take pictures) I’ll be creating an online photography portfolio (web address forthcoming). In the mean time, I’m available to shoot you and/or your family for FREE as I need to build up my portfolio and practice the art. Of course if you want to donate some funds to help me build up my equipment that would be greatly appreciated.
Today my wife shared with me a web address to an artist she knew personally during her high school days. She shared the link because my recent thoughts about life and how God has wired me reminded her of him, Mr. Dave Kurz (I’ll explain that in more detail in a later post).
So upon visiting his site, I have to say he’s got some really, really, awesome work. Dave’s interests are mostly focused around Hot Rods but as you can see from his pieces he’s just in to cars! Here’s one of his galleries, this one is on Vintage Trucks and Tractors: http://www.dav3kurz.com/pages/small%20images%20pages/Trucks_and_tractors.html
By the way, his prices are very reasonable — though I think he should be charging double!
in reply to cheeky_girl # #
Wow, if you are superstitious about the number 13, and especially Friday the 13th, then you’ll be amazed by this story.
On Friday, August the 13th, 2010, a 13 year-old boy was struck by lighting at 13:13. Luckily he only suffered from a minor burn and is expected to make a full recover.
I wonder if his name has 13 characters or does it equal mathematically the value of 13? And what’s his birthday, Jan, 3rd? Was he in the 13th block? What other 13′s where there?
Original story found at the UK Telegraph
jQuery has a great function called toggle() which “binds two or more handlers to the matched elements, to be executed on alternate clicks.” This can be a great function when you just need to, for example, show or hide an element such as a contact form or a search box.
Here is how you might use .toggle() for a search form:
/* when end-user clicks on the search icon show/hide the search form */
$("#search-icon").toggle(function() {
$("#search-form").show();
}, function() {
$("#search-form").hide();
});
Simply this will show or hide the search form (see html below) when the end-user clicks on the image that looks like a search icon (i.e., a magnifying glass; the #search-icon).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Example</title>
<style type="text/css" media="screen">
#search-form{display:none;}
</style>
</head>
<body>
<div id="search-button">
<img src="images/search-icon.png" alt="Search" id="search-icon" />
</div>
<div id="search-form">
<form action="#" method="get" accept-charset="utf-8" name="form" id="form">
<ul>
<li><input type="text" value="" name="query" id="query" /></li>
<li><input type="submit" value="Submit" name="submit" id="submit" /></li>
</ul>
</form>
<div id="search-close">
[ x ] close
</div>
</div>
</body>
</html>
But what if the #search-form div has a text link (i.e., #search-close) within itself that says “close [x]” and this link upon clicking also hides the #search-form div?
$("#search-close").click(function() {
$("#search-form").hide();
});
Essentially you now have two elements that are both targeting the same ID (i.e., #search-form). The problem is if you close the #search-form using the close text link (i.e., #search-close) which works just fine but when you click on the search icon it must be toggled back to the original position (i.e., the hidden state) before showing the form again (i.e., the shown state). In other words you’ll have to click the search icon twice—YUCK—this isn’t a very good user experience.
So how do you handle this? Is there a way you can reset the toggle when the #search-close text link is clicked? Or can you easily combine the two function to avoid this problem?
In short, avoid the toggle() function altogether and use a simple if-else test with the click() function and the :visible selector:
/* show/hide search panel */
$(function(){
/* show/hide using search icon */
$("#search-icon").click(function(){
if( $("#search-form").is(":visible") ){
$("#search-form").hide();
}else{
$("#search-form").show();
}
});
/* close using search close link */
$("#search-close").click(function() {
$("#search-form").hide();
});
});
Problem solved.
Do you have a different way of approaching this problem, please share your thoughts.