මවුස් එකේ ස්ක්‍රොල් එකෙන් වෙනස් වෙන විදිහට ෆොටෝ ඇඩ් කරමු

                     සමහර විට කියපු එක තේරුනේ නැතුව ඇති .මේ කියන්නේ අපිට ෆොටෝ කීපයක් බ්ලොග් එකට ඇඩ් කර ගන්න ඕනේ වෙලාවට අපි සාමාන්‍යයෙන් flicker වගේ එකක සහය ගන්න ඕනනේ .නමුත් මෙතනදී වෙන්නේ අපි ඇඩ් කරන ෆොටෝ ටික මවුස් කර්සර් එක ඒක උඩ තියලා ස්ක්‍රොල් එක කරකවද්දි එකින් එක වෙනස් වෙන්න හදන විදිහක්.තාමත් තේරුනේ නැත්නම් යට තියෙන demo එකෙන් ගිහින් පින්තූරේ උඩ තියලා ස්ක්‍රොල් කරලා බලන්න.


Live Demo 
              දැන් තේරෙන්න ඇතිනේ වෙන්නේ මොකද්ද කියන එක.එහෙනම් වැඩේ පටන් ගමු.

මුලින්ම blogger dashboard වලින් ගිහින් Layout වලට යන්න.
Add a Gadget වලින් HTML/ JavaScript  තෝරගෙන යට තියන කෝඩ් එක copy කරගෙන paste කරගන්න.




<img id="slideshow" src="PICTURE-1" /> <script type="text/javascript"> var myimages=[ "PICTURE-1", "PICTURE-2", "PICTURE-3", "PICTURE-4", "PICTURE-5" ] var slideshow=document.getElementById("slideshow") var nextslideindex=0 function rotateimage(e){ var evt=window.event || e var delta=evt.detail? evt.detail*(-120) : evt.wheelDelta nextslideindex=(delta<=-120)? nextslideindex+1 : nextslideindex-1 nextslideindex=(nextslideindex<0)? myimages.length-1 : (nextslideindex>myimages.length-1)? 0 : nextslideindex slideshow.src=myimages[nextslideindex] if (evt.preventDefault) evt.preventDefault() else return false } var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" if (slideshow.attachEvent) slideshow.attachEvent("on"+mousewheelevt, rotateimage) else if (slideshow.addEventListener) slideshow.addEventListener(mousewheelevt, rotateimage, false) </script>

        PICTURE-1 ,   PICTURE-2,  PICTURE-3 ... කියන ඒවාට තමන් කැමති පින්තූර වල url දෙන්න.PICTURE-1 කියන ඒවා දෙකක් තියනවා.ඒ දෙකටම එකම url එක දෙන්නත් අමතක කරන්න එපා.

අවසානෙදි ගැජට් එක save කරගන්න.