13 Feb 2007 11:14 AM #1
Best way to load a large series of images and overlap them?
I am writing a web app for myself (for fun) which allows me to read CT and MRI scans off my webserver. The objective is to overlay images of a CT scan over one another and "scroll" through each image using the mouse and up/down arrow keys.
What I am planning to do is load up the images (which can be up to 12 megs in a series) using UpdateManager (XML database query) and preloading them into an Image() array in JS.
If a CT scan has 80 images I use CSS/markup to assign each image to a different z-index to overlay them on top of one another.
I then assign a listener for mouse up and mouse down as well as the keyboard up and down arrow keys in order to scroll through the images.
Is this the best way to do this or is there a better way to tackle this problem?
15 Feb 2007 10:54 AM #2
15 Feb 2007 2:34 PM #3
There are many ways to tackle a problem, and yours sounds OK from your brief description. Have you actually tried it yet?
BTW, you don't have to assign every image a unique zindex assuming only one will be visible at a time. The topmost one is really the only one that matters. You could assign every image zindex 0 and assign the current image zindex 1, then simply switch it to 0 and the next active one to 1 without trying to "manage" them in a formal way.
You might also just alternate setting and removing the 'ylayout-inactive-content' class from elements -- adding it will set visible=false and move the element to -10000 -10000 xy.
By gizzmo in forum Ext 2.x: Help & DiscussionReplies: 6Last Post: 26 Mar 2008, 9:16 AM
By amackay11 in forum Ext 1.x: Help & DiscussionReplies: 6Last Post: 6 Mar 2007, 11:32 AM
By Bobafart in forum Ext 1.x: Help & DiscussionReplies: 0Last Post: 23 Feb 2007, 2:32 PM
By jweber in forum Ext 1.x: Help & DiscussionReplies: 5Last Post: 26 Jan 2007, 5:09 PM
By donalconlon in forum Ext 1.x: Help & DiscussionReplies: 12Last Post: 12 Dec 2006, 9:49 AM