Ticket #11075 (closed bug: invalid)
issue with .clone() in chrome with images
|Reported by:||MicWit||Owned by:||MicWit|
When using .clone() to clone an image from one div to another, in chrome, it seems to copy the src and look online again rather than actually just duplicate the image.
For this example, I am making a shop front and downloading all the details at page load. Once they are down, the thumbnails are downloaded (into hidden divs) with 400 in a grid on a jpeg file. Once each one is downloaded or the position in the results is changed (and the thumbnails are re-shown), .clone() takes the image out of the correct hidden div, and puts it in the div required, and then has the marginTop and marginLeft edited so it shows the correct thumbnail (the parent div is overflow hidden and the height and width of a thumbnail).
It is working well in ie 7, 8 and 9, firefox (8.0.1 - mac and windows 7) and on the android browser (android 2.3.6 on galaxy s 2). However, it is not working in chrome ( 16.0.912.63 windows 7 and Mac OS) or safari (5.1.1 mac os), they all seem to reload the image for each instance. This to me would indicate that something used in .clone() images is handled differently in WebKit.
Any chance this can be changed to work or is there a way around it?
- Owner set to MicWit
- Status changed from new to pending
- Priority changed from undecided to low
- Resolution set to invalid
- Status changed from pending to closed
- Component changed from unfiled to manipulation
- Status changed from closed to reopened
- Resolution invalid deleted