In the Traditional view, every thumb's img tag has the same CSS ID id="mainPhoto". Shouldn't there should only be one object in the page with a given CSS id?

A typical thumb from the Traditional view looks like this (see the red part which is the same for every thumb):

<div class="photo" id="photoBox_2" onmouseover="cyclePhotos(2);">
<div style="position: relative; width: 100px; height: 66px; margin: 0 auto;">
<a href="/gallery/5608869_vwzCG/1/344292111_SvSfK/Medium" class="photoLink">
<img class="imgBorder" name="mainPhoto" id="mainPhoto" alt="John Friend &gt; Landscapes &gt; JLF_2920" title="John Friend &gt; Landscapes &gt; JLF_2920" border="0" src="http://jfriend.smugmug.com/photos/344292111_SvSfK-Ti.jpg" width="100" height="66" hspace="0" vspace="0" onmousedown="pickPhoto(this,event);" />
</a></div> </div>

Originally Posted by jfriend In the Traditional view, every thumb's img tag has the same CSS ID id="mainPhoto". Shouldn't there should only be one object in the page with a given CSS id? A typical thumb from the Traditional view looks like this (see the red part which is the same for every thumb): <div class="photo" id="photoBox_2" onmouseover="cyclePhotos(2);"> <div style="position: relative; width: 100px; height: 66px; margin: 0 auto;"> <a href="/gallery/5608869_vwzCG/1/344292111_SvSfK/Medium" class="photoLink"> <img class="imgBorder" name="mainPhoto" id="mainPhoto" alt="John Friend &gt; Landscapes &gt; JLF_2920" title="John Friend &gt; Landscapes &gt; JLF_2920" border="0" src="http://jfriend.smugmug.com/photos/344292111_SvSfK-Ti.jpg" width="100" height="66" hspace="0" vspace="0" onmousedown="pickPhoto(this,event);" /> </a></div> </div>

hang tight John, won't be an issue much longer.

Originally Posted by bigwebguy hang tight John, won't be an issue much longer.

Thanks. Not a big deal, just wanted to report it so it could get fixed eventually.