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
dont forget to comment or put credit okay thank you.
<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>