Tengo este problemita que me ha sacado canas.. este es el post en ingles que puse en otro foro, obviamente pueden responder en espanol si tienen alguna sugerencia.
*****************************************
I have a problem here:
Note: this works perfectly on Firefox, the problem occurs only on Internet Explorer.
This is basically, an image gallery, when the page loads, there are some items listed (my sample case is a real estate agent's website, where homes are listed).
When the user clicks on the thumbnail, a dhtml popup is displayed with the detailed information of the home AND additional images (here starts the problem).
When the dhtml popup loads, it has 3 children div's.
the first one > where the enlarged images are displayed
the second one > the container of the thumbnails.
the third one > text (information about the home, in my case).
When the visitor clicks on one of the thumbnails, the enlarged image should be displayed on the first div. The code for this portion is something like:
my javascript is the following:
This works perfectly on Firefox, but IE refuses to load the new image.
I have the Internet Explorer "developer toolbar" to see the DOM. When my function is executed, I see that the "readyState" attribute of the image also changes to "loading", but it never reaches "complete", is there any way i can force the img to reload?
Here is the URL of the sample gallery:
http://ecentricsolutions.com/real_estate/listings.php?home_id=1
Questions/comments/suggestions are gladly accepted.
***************************************************
Me da pereza traducir todo eso, la cuestion es que la !#!@$#!@ imagen no carga en IE.. al parece IE no carga una imagen cuando su atributo "src" ha cambiado...
El URL que sale ahi es mi ejemplo.. a ver si le echan una mirada...
*****************************************
I have a problem here:
Note: this works perfectly on Firefox, the problem occurs only on Internet Explorer.
This is basically, an image gallery, when the page loads, there are some items listed (my sample case is a real estate agent's website, where homes are listed).
When the user clicks on the thumbnail, a dhtml popup is displayed with the detailed information of the home AND additional images (here starts the problem).
When the dhtml popup loads, it has 3 children div's.
the first one > where the enlarged images are displayed
the second one > the container of the thumbnails.
the third one > text (information about the home, in my case).
When the visitor clicks on one of the thumbnails, the enlarged image should be displayed on the first div. The code for this portion is something like:
HTML:
<div id="preview_div"><img src="/path/to/default/image.jpg" id="preview_main"></div>
my javascript is the following:
Código:
function enlargeMe(photo_filename) {
newimg = document.createElement("img");
newimg.src = photo_filename;
pn = document.getElementById("preview_main").parentNode;
pn.removeChild(document.getElementById('preview_main'));
newimg.id = 'preview_main';
pn.appendChild(newimg);
newimg.style.border= '1px solid #dedede';
newimg.style.height='250px';
document.getElementById('preview_main').onclick = function () {
maximizeMe(photo_filename);
}
}
This works perfectly on Firefox, but IE refuses to load the new image.
I have the Internet Explorer "developer toolbar" to see the DOM. When my function is executed, I see that the "readyState" attribute of the image also changes to "loading", but it never reaches "complete", is there any way i can force the img to reload?
Here is the URL of the sample gallery:
http://ecentricsolutions.com/real_estate/listings.php?home_id=1
Questions/comments/suggestions are gladly accepted.
***************************************************
Me da pereza traducir todo eso, la cuestion es que la !#!@$#!@ imagen no carga en IE.. al parece IE no carga una imagen cuando su atributo "src" ha cambiado...
El URL que sale ahi es mi ejemplo.. a ver si le echan una mirada...