Hello everybody.
I have a simple piece of code, which, based on users click event, the
'src' attribute of an image is changed with another generated using
the 'id' of the image element. Every thing is working just fine in all
major browser with the exception (as many times before) IE version 6.
The JavaScript code is:
$$('.chg_src').addEvent('click', function(){
var image_id = this.get('id');
$('img_container').setProperty('src', 'images/'
+ image_id
+'.png');
});
And the HTML code:
<img class="left" id="img_container" src="images/nl1.png" />
<div id="imgs_container" class="right">
<ul id="thumbs">
<li><img class="chg_src" id="nl1" src="images/nl1_thumb.png"
/></li>
<li><img class="chg_src" id="nl2" src="images/nl2_thumb.png"
/></li>
<li><img class="chg_src" id="nl3" src="images/nl3_thumb.png"
/></li>
<li><img class="chg_src" id="nl4" src="images/nl4_thumb.png"
/></li>
<li><img class="chg_src" id="nl5" src="images/nl5_thumb.png"
/></li>
</ul>
</div>
The problem is that nothing is happening in IE 6 when the thumb image
is clicked. I use a stand alone version of IE 6(and it has some limits
in functionality). I presume that somehow the id of the image is not
passed to the new 'src' attribute. "this.get('id')" is taking the id
of the image; I've putted an "alert" after the code line and the
message shows correctly the image id.
A day before the error thrown was of type :"Object expected", but
today I can't see the error message anymore.
Any help will be very appreciated.
Thank you,
Cristian Nistor
