23 October 2009 | 11 comments

New Layout For My Photoblog - C905Phy

Labels: , , , ,



Hi all, meet my Photoblog - C905Phy - Snap and Blog! with new template, extra ingredient with JQuery. This is the mobile photography blog that I create just to share with all of you. I just spend the whole day to design with using Rendurr 2.2, then bloggerized it with Notepad++. I used Jquery for peek-a-boo effect at "About" section, then, make the jquery change the standard blogger image size to s1600 to make it become HD.




$(document).ready(function() {
  $(".post-body img").each(function() {
   /*** - Pull the s1600 image with regex - ***/
   var new_src = $(this).attr("src").replace(/s320|s400/gi, 's1600');
   $(this).attr("src", new_src);
   /*** - Remove the default style - ***/
   $(this).removeAttr("style");
   /*** - Remove the Link - ***/
   $(this).parents("a").removeAttr("href");
  });
});

  • replace the regular size of blogger image
  • remove the default style of the image
  • remove the link of the image

and that is what I get on my first day playing with Jquery. Hehe, what do you think?