ideas to preload images in kendo grid

[Quickstoker]

Greetings,

I'm using the kendo grid as an ImageViewer to show thousand of images; these images are being shown one by one (paging size = 1) with only Next and Previous buttons as paging navigation; every time i click next, the image is downloaded from azure; don't know if it's relevant but I'm using the ClientRowTemplate property to construct a normal <img src='#: data.filename :#' /> which is why the image is downloaded by the browser when the row has been loaded. 

I would appreciate any ideas to download in chunks of 20 or even 100 images in the background so they appear instantaneously on every new page?

Thanks a lot,

hope it makes sense,

Geo

 

[Konstantin Dikov]

Hello Geo,

Although that this is not related to the widget itself, I could suggest that you take a look at the following article, where few ways for pre-loading images are mentioned:

• https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/

Hope this helps.


Regards,
Konstantin Dikov
Telerik

 

 

[Quickstoker]

Thanks for the ideas Konstantin,

I'll try to integrate the ajax method of your suggestion with the grid's on paging change event and see what  i get.