23 October 2009 |
11
comments
New Layout For My Photoblog - C905Phy
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?
Terdapat 11 komen. Sudilah tinggalkan komen anda.
EiNS
Taknak pakai wordpress ke bro?
Recent blog:=- Final exam dalam masa kurang 2 minggu lagi
myfr3ak
wp tu bikin kat local sudah la..hehe, visitor pun takde la ramai macam korang..hehe, tunggu unique visitor ramai cam korang, tukar la..hehe
Recent blog:=- New Layout For My Photoblog - C905Phy
uTt
itu coding....
itu koding....
itu pinin lalat!
Recent blog:=- The Flashback
myfr3ak
eh2, itu jquery je, bukannye C++ cam ko blaja..ko lagi terer
Recent blog:=- New Layout For My Photoblog - C905Phy
bloggerboy
gila pro.....aku pun nak la..nanti pergi hack haha.......takde la....cantik doh blog kamu tu.....
Recent blog:=- EA GAME THAT U WONT WANT MISS(PSN)
myfr3ak
no need to hack it la bro, just take it..i didn't disable right click pun 8-)
Recent blog:=- New Layout For My Photoblog - C905Phy
Alon
erkk..camne nak boh JSKit nie bro..lawa gak aku tengok..Mengancamm !
Recent blog:=- Multi gTalk
myfr3ak
hehe, ok2..
1. ko register kat "http://js-kit.com"
2. pegi kat "Setting" Lepas tu add url..
3. Ko klik dekat "Blogger Plugin" tu..
4. Ikut je langkah2 dea..nanti dea tarik layout ko, dea modified, then dea kasik balik..just tinggal tampal balik je kat blogger..hehe
Recent blog:=- Paranormal Activity - Video & Download
Kian
could u pleaze have a look at my photoblog? I want to do the same for my photoblog, but not exactly the same. I mean(for my photoblog) I want to add a caption to my photos when I click on them to become enlarged. I mean I want to add caption to the enlarged photos not the small ones. If it is possible to do so, that would be great, and even greater if it can be put in such a way that in the enlarged form, whenever I move the cursor over the image, the caption will slide over the image from the bottom. I really know that my expectations are high, lol, but could you please somehow help me??????
Kian
ohhhh, funny, I forgot to give u the address of my photo blog, since I have not yet added it to my profile.
Here you go: nvik.blogspot.com
myfr3ak
hi kian! Thanks cause visiting me and commented :D
I think this will work for you, feel free to learn from, Thickbox and Highslide (try to click the waterdrop).
note: I would love to help you playing the coding but fyi, there are no internet connection at my home T_T This is just "fast-visiting" while doing my work at the office :D
Post a Comment
Sila gunakan bahasa yang sesuai dan iklan tidak dibenarkan disini
Please use appropriate language and NEVER advertise here.