JavaScript භාවිතයෙන් අරාව හරහා පින්තූර ස්ලයිඩරය
දැන් අපි පින්තූර ස්ලයිඩරයක් සාදා ගනිමු.
අපගේ HTML කේතයේ අපට img ටැගය ලබා දී ඇතැයි සිතමු:
<img id="slider" src="">
අපට පින්තූර අරාවක් ද ලබා දී ඇතැයි ද සිතමු:
let texts = ['1.png', '2.png', '3.png'];
තත්පරයකට වරක් img ටැගයේ
අපගේ අරාවෙන් නව පින්තූරයක් දිස්වන ආකාරයට
කරන්න.
විස්තර කරන ලද ස්ලයිඩරය ක්රියාත්මක කරන්න. පින්තූර වටකුල්ලේ ගමන් කරන ආකාරයට කරන්න.
පෙර කාර්යය වෙනස් කරන්න, එවිට පින්තූරයට ඉහළින් ඉදිරියට සහ පසුපසට ඊතල ද දිස්වේ. එනම්, ස්ලයිඩරය එයටම ටයිමරය මඟින් අතුරු මුහුණත වෙනස් කරනු ඇත, නමුත් අවශ්ය නම් පරිශීලකයාට ද සබැඳි මඟින් එය මාරු කළ හැකිය.
