طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

    <h3 class="hierarchy"><span class="forumlink"><a class="forumlink" ">اختار مزاجك</a><br /></span></h3><span class="genmed"><form>
    <select style="font-weight: bold;" size="1" name="go_to">
            <option selected="selected" value="#">اختار مزاجك اليوم</option>

            <option value="رابط المنتدى">اسم المنتدى</option>
            <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
            </select>


          <input type="button" style="font-weight: bold;" onclick="location =
            form.go_to.options[form.go_to.selectedIndex].value;" value="اذهب">
            </form><br /></span><span class="gensmall"></span></td><td class="row3" align="center"

<div id="submenu">
 <ul>
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

 <style>
      /* Style the tab buttons */
.tablink {
    background-color: #555;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    outline: none;
    padding: 1px 16px;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 10px;
  text-align: center;
}
#رايق {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/1.gif);
    background-repeat: no-repeat;
    background-position: center;}
#فرحان {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/2.gif);
    background-repeat: no-repeat;
    background-position: center;}
#مبسوط {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/3.gif);
    background-repeat: no-repeat;
    background-position: center;}
#وحيد {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/15.gif);
    background-repeat: no-repeat;
    background-position: center;}
#خايف {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/19.gif);
    background-repeat: no-repeat;
    background-position: center;}
#حزن {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/20.gif);
    background-repeat: no-repeat;
    background-position: center;}
#ملل {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/21.gif);
    background-repeat: no-repeat;
    background-position: center;}



    </style>
                          <div align="center">
 <div class="tabcontent" id="فرحان">
                                      
 <h1>
                  فرحان                
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
 <div class="tabcontent" id="رايق">
                                      
 <h1>
                  رايق                  
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
    
 <div id="مبسوط" class="tabcontent">
                                    
 <h1>
                 مبسوط                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="وحيد">
                                  
 <h1>
                وحيد                
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="خايف">
                                      
 <h1>
                 خايف              
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
  
 <div id="حزن" class="tabcontent">
                                    
 <h1>
                حزن                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="ملل">
                                  
 <h1>
           ملل              
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
      
 <button id="defaultOpen" onclick="openCity('رايق', this, 'red')" class="tablink">
      رايق      
 </button>
      
 <button class="tablink" onclick="openCity('فرحان', this, 'red')" id="defaultOpen">
     فرحان    
 </button>
    
 <button id="defaultOpen" onclick="openCity('مبسوط', this, 'red')" class="tablink">
    مبسوط    
 </button>
    
 <button class="tablink" onclick="openCity('وحيد', this, 'red')" id="defaultOpen">
   وحيد  
 </button>
    
 <button class="tablink" onclick="openCity('خايف', this, 'red')" id="defaultOpen">
   خايف  
 </button>
    
 <button class="tablink" onclick="openCity('حزن', this, 'red')" id="defaultOpen">
   حزن  
 </button>
    
 <button class="tablink" onclick="openCity('ملل', this, 'red')" id="defaultOpen">
   ملل  
 </button>
 
</div>

function openCity(cityName, elmnt, color) {
  // Hide all elements with class="tabcontent" by default */
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Remove the background color of all tablinks/buttons
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }

  // Show the specific tab content
  document.getElementById(cityName).style.display = "block";

  // Add the specific color to the button used to open the tab content
  elmnt.style.backgroundColor = color;
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();