Problem: Flickr script is pulling out the thumbnails with url link back to the Flickr website. What happen if you would like to customize it in the way that user when click to the images will be redirect to a specific url and not to the main Flickr account?

Had a client that was happy with the gallery that i have created pulling out image from Flickr account  BUT on the home page he would like a small thumbnails images changing randomly on each refresh and linked to the main gallery page.

So here what i did:

This is the script that are able to pull out the thumbnails from Flickr website:

<script type="text/javascript"
src="http://www.flickr.com/badge_code_v2.gne?count=6&amp;
display=rand&amp;size=s&amp;layout=x&amp;source=user&amp;user=yourUser">
</script>

The images have class of ‘flickr_badge_image’ so using  jQuery’s .attr() method i was able to get the value of an element, in our case href and inject the new value that i have defined. Clean and easy !!!

<script type="text/javascript">
jQuery.noConflict();
 jQuery(window).load(function() {
  jQuery(".flickr_badge_image a").attr("href", "http://www.thevillage-coconutisland.com/phuketvillaphotos.php");
  jQuery(".flickr_badge_image  a img").attr("width", 100);
  jQuery(".flickr_badge_image  a img").attr("height", 100);
});
</script>

As you can see i have changed as well the width and height dimension since Flickr gave you size of 75X75 px on a small image.

I know, it’s not the best solution, but was a quick one. Best solution is getting the size of medium from Flickr and then re-size the image using a re-sizer script.

And here the css style i have used:

.flickr_badge_image {
 float: left;
}
.flickr_badge_image img {
 border: 2px solid #4A4646;
 border-radius: 4px 4px 4px 4px;
 box-shadow: 0 1px 4px #191919;
 margin: 0 12px 12px 0;
}

In the last few months has been really crazy. Been involved in selling WordPress Premium Theme was quite challenging but worth it each night spent in front of my laptop. Really nice to wake up in the morning and see few of your items been sold !!! making money while sleeping, no bad !!!

I have started writing technical tutorial related with WordPress for Mojo Themes Marketplace, here you can read the last one done few weeks ago.

I’m working full time for i-Marketing Asia and still really happy to be with them ( is now almost 3 years…wooow time fly guys..)

I guess that’s it for now, not sure how many of you are interested on this post BUT was more for me…kind of list of what has been done and good proposal for the coming year…

See you around

Em

View the Demo online

Siucco Portfolio and Business Theme is clean, elegant and professional WordPress theme that can be used as personal portfolio, small business or for a blog website.

Theme panel option with more than 30 settings available to make your theme unique. Siucco theme is available in 4 different colors.(Black, Green, Blue and Red)

Siucco offers 5 different templates, home template, blog template, portfolio template, contact us template and full width page template.

• Cross Browser Compatible
• No plug-in required
• W3C valid XHTML
• Custom modified Nivo Slider for Home page slider. Slide effect can be chosen from Theme panel option.
• Blog section
• Portfolio section
• Option for full width page
• Social sharing facility
• Gravatar Support
• Subscriber widget
• Twitter widget
• Ads widget
• SEO settings
• Auto Image resizing for posts and portfolio itmes.
• Intuitive tab setting ( you can select content and title for your tabs)
• Customizable Homepage area with featured slider.
• Built in Ajax Contact Form with validation
• Full compatible with WordPress 3.0 menu system (main navigation menu and footer navigation menu)
• Extensive Documentation Included

Realestate Company based in Phuket – Thailand.
What has been done: created a completely new design, carried out extensive keyword analysis for this market area, built a real-estate booking system with client back-end, developed a newsletter campaign.

Visit the Website