View full size picture in Blogger

Anything goes and generally does.

View full size picture in Blogger

Postby syafzpic » Wed Sep 23, 2009 1:07 pm

.

Small
Image

Large
Image

My friend ask me a favor..."Syafiq, can you help me to view my thumbnail picture to it full size" he said.
After a week, I found the solution... :idea:
Here is the solution!


Step #1:
- Go to Layout > Edit HTML. Tick on the Expand Widget Templates

Step #2:
- Copy and paste this code before the </head> tag...
Code: Select all
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/><link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://www.wallheaven.com/fullsize/jquery.fullsize.js' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function(){jQuery("img").fullsize([]);});
</script>


Step #3:
- To view your thumbnail picture in a large/full size, please add this code in your post:
Code: Select all
<img src="[color=#0000FF]URL SHORT IMAGE.jpg[/color]" alt="Me" longdesc="[color=#0000FF]URL FULLSIZE IMAGE.jpg[/color]" />


Step #4:
- Done! :D

Click here for DEMO:
http://sybijakcatur.blogspot.com/2009/09/blog-post.html
..:syafzPic:.. LoVe to ShaRe
syafzpic
 
Posts: 7
Joined: Wed Sep 23, 2009 11:45 am
Location: Terengganu, Malaysia

Re: View full size picture in Blogger

Postby bluesboyjo » Tue Oct 13, 2009 9:42 pm

Thanks a bunch mate
bluesboyjo
 
Posts: 4
Joined: Tue Oct 13, 2009 9:40 pm


Return to General Discussions

Who is online

Users browsing this forum: No registered users and 1 guest