Follow Dashboard
Tokens?
TITLE; Tutorial Zoom Gambar (Highslide Javascript )
13 June 2011 | 8:55 PM | 13 comments

okay tengok gambar kat atas ni, bila korang letak cursor kat gambar dia akan keluar cursor enlarge kan? tuto ni di direquest oleh scha. korang nak buat jugak eh? haa meh sini aku ajar. haha. credit to aerol .

lets start 
Design > Edit HTML > Tick Expand Widget Template

search

</head>

and then paste code ni kat bawah code tadi

<script src='http://highslide.com/highslide/highslide-full.js' type='text/javascript'/><link href='http://highslide.com/highslide/megik.css' rel='stylesheet' type='text/css'/><script type='text/javascript'>//<![CDATA[hs.graphicsDir = 'http://highslide.com/highslide/graphics/';hs.allowSizeReduction = false;hs.showCredits = false;hs.isUnobtrusiveAnchor = function(el) {if (el.href && /\.jpg$/.test(el.href)) {el.className = 'highslide';return 'image';}//insert the if condition code for other extensions like .jpeg, .gif, .png etc.}function fixBloggerImages(searchFor, replaceWith) {var href;var anchors = document.getElementsByTagName("a");for(var i = 0; i < anchors.length; i++) {href = anchors[i].href;if(href.indexOf(searchFor) != -1) {anchors[i].href = href.replace(searchFor, replaceWith);anchors[i].setAttribute("onclick", "return hs.expand(this)");anchors[i].setAttribute("class", "highslide");anchors[i].setAttribute("title", "Click to enlarge");}}}//]]></script>

 dont forget to comment or put credit okay ;) thank you.


Old things | New things