Showing posts with label Full size. Show all posts
Showing posts with label Full size. Show all posts

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
 

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