extjs float an image above another image in a dataview - extjs

I am making a preview in extjs and I need to float images above an image in a DataView based on an image clicked in another DataView. image layering. How does one do that?

i think you can achieve that by manipulating the zIndex of the individual images... That is a CSS solution... The images you want above should have zIndex higher than the one below and at first hide all images except the lowermost image and then as required show the other images one after another... Hope it helps...

Related

Show selected image in ImageViewer

This question is related to my other question at Carousel with thumbnail images at the bottom
I'm trying to implement a similar carousel but only of Images, using ImageViewer and DefaultListModel. When I select a thumbnail image from the bottom carousel, I show corresponding image in the ImageViewer. But what I noticed is that; the list in the ImageViewer doesn't get scrolled to the selected image but the currently displayed image gets replaced with the selected one. The So when I swipe to left or right; the images are different than the original sequence. Following is my code to show the selected image in Imageviewer
imageviewer.setImage(imageviewer.getImageList().getItemAt(selectedImgIndx));
Is there any way to make it behave like a Tab.setSelectedIndex?
Sure, use:
imageviewer.getImageList().setSelectedIndex(idx);

Images for command buttons in footer facet

I currently have two command buttons in the footer / header facets - I am trying to have images in those buttons.
Using property inspector I am able to add images for these buttons - but they show up very tiny - no matter whatever the size of image.
Is there a way I can adjust the size of this image display in the property inspector or any where else please?
Did you consider styling the Command Buttons or Use Image Link instead

Navigate through big image

I have a big image with coordinate points.
I need to navigate through these points by pressing onscreen buttons.
Only a part of image is seen on the screen at once (shows your location).
By pressing arrow button the view moves to the next part of the same image.
This example looks good.
Please, suggest any way to implement this functionality in Codename One App
Thank You.
You can use the Map component but you can place any image as a label icon within a scrollable container and just let the user use the touch/keys to scroll.

Drupal Slideshow small image at bottom

I have made a image gallery with a strip of thumbnails and 1 fullsize image.
(when a thumb is clicked, the images is loaded full size):
The problem is the little thumbnail underneath the full size view...
I dont know where this is coming from...
Anyone?
I had forgotten to check Exclude from display for the FIELD holding the thumbnail images:

Using lightbox2 to display text instead of images

I am trying to use lightbox2 to display a block of text after clicking a heading element:
something like
<h3>name</h3>
I have used lightbox for images with captions but this time I would like the caption to come up without an associated image after clicking a name on a webpage.
Thanks for any replies.
I don't think that lightbox2 is made for such a thing, why don't you try http://fancybox.net/ this one works 100%.

Resources