एकाधिक छवि स्रोत बदलें जावास्क्रिप्ट

Question

मैं एक साधारण छवि गैलरी बना रहा हूं, और मैं छवियों के कई सेट बनाना चाहता हूं। लिंक के क्लिक पर लिंक के दिए गए सेट में सभी छवियां बदलेगी।

यहाँ मेरे वर्तमान कोड है:

<ul> 
    <li><img src="image01.jpg" width="500" height="450"></li> 
    <li><img src="image02.jpg" width="200" height="450"></li> 
    <li><img src="image03.jpg" width="530" height="450"></li> 
    <li><img src="image04.jpg" width="500" height="450"></li> 
    <li><img src="image05.jpg" width="178" height="340"></li> 
    <li><img src="image06.jpg" width="400" height="450"></li> 
    <li><img src="image07.jpg" width="300" height="220"></li> 
    <li><img src="image08.jpg" width="400" height="450"></li> 
    <li><img src="image09.jpg" width="500" height="450"></li> 
    <li><img src="image10.jpg" width="400" height="450"></li> 
    <li><img src="image11.jpg" width="300" height="450"></li> 
    <li><img src="image12.jpg" width="300" height="450"></li> 
    <li><img src="image13.jpg" width="178" height="340"></li> 
    <li><img src="image14.jpg" width="500" height="450"></li> 
    <li><img src="image15.jpg" width="200" height="220"></li> 
    <li><img src="image16.jpg" width="100" height="450"></li> 
</ul> 

उदाहरण के लिए, सूत्रों का कहना है link1 के क्लिक पर सभी setA01.jpg, setA02.jpg से बदल दिया जाएगा, और souces link2 के क्लिक पर बन जाएगा setB01.jpg, और इसी तरह। किसी भी मदद की सराहना की सराहना की जाएगी।

Answer 1

अपने संख्या हमेशा हो जाएगा "01, 02, 03, आदि" आप एक समारोह निम्नलिखित की तरह इस्तेमाल कर सकते हैं:

function setBase(baseval) { 
    var images = document.getElementById("mylist").getElementsByTagName("img"); 
    for (var i = 0; i < images.length; i++) { 
    images[i].src = baseval + ((i<9)?0+i:i) + ".jpg"; 
    } 
} 

का उपयोग करना है कि इस सूची के खिलाफ:

<a href="#" onclick="setBase('setA'); return false;">Set A</a> 
<ul id="mylist"> 
    <li><img src="image01.jpg" /></li> 
    <li><img src="image02.jpg" /></li> 
</ul> 

बनाने चाहेंगे निम्नलिखित (माना जाता है कि 'setA' को तर्क के रूप में पारित किया गया था):

<ul id="mylist"> 
    <li><img src="setA01.jpg" /></li> 
    <li><img src="setA02.jpg" /></li> 
</ul>