Tuesday, September 29, 2009

View full size in Blogger


View full size in Blogger


Small
Image

Large
Image

My friend ask me a favor..."Syarhanz, 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:
 
<img src="[color=#0000FF]URL SHORT IMAGE.jpg[/color]" alt="Me" longdesc="[color=#0000FF]URL FULLSIZE IMAGE.jpg[/color]" />

Step #4:
- Done! :D

0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template