I have used the coin slider.But the coin slider is restricted by the width.I need to run my application in various screen size like 1280*768,800*600.is there any image slider in jquery without restrict width of image?Please help me.
Thanks in advance.
Most image sliders are designed for being placed within a container of a certain width, so that they fit within a specific slot in a layout. Given that the size of the screen/window(you don't specify) is irrelevant to that, it seems like what you're looking for is a gallery that adapts to the size of the entire window, rather than fit within a specific size.
You should probably widen your search to JS galleries in general, which might have that option or even function that way in the first place. As initial suggestions, have a look at the full-screen example for Galleria, or maybe the Supersized plugin
Related
I have a sets of customized images from A - Z, and I need to put the images as text onscreen, much like UILabel. So far I tried loading the images according to the string i need, and put it all on the screen. But it gets laggy and memory consumption is very high.
Is there anyway for me to pre-render the images A-Z, and whenever i need it i just specify a rectangular view which points to the A-Z images instead of loading a new one all the time?
Any direction is appreciated
You can create you own custom font from your images and use it in application with standard UILable etc.
http://mashable.com/2011/11/17/free-font-creation-tools/
I'm writing an application with kivy that scans a network and based on results it generates bunch of widget like labels and buttons or maybe a layout like Gridview.
I'm trying to position them by pos or center_x and center_y attributes. I can position them perfectly on my laptop but when I try my tablet or other devices with different screen sizes everything goes wrong and all widgets change their position.
My question is:Is there a elegant way to position widgets and layouts that pertain their position on any screen size?
P.S:
it's not working even when i maximize the window.
You have many different options here like::
Query the Window size and position your widget relative to the window using percentages instead of absulute values.
Use specific layout that fits the positioning style you need for you widgets.
Recomended
Use pos_hint in combination with your layouts
specify the widget pos using kivy.metrics.dp which gives you device independent pixels or use metrics.sp/cm/mm/in/...
I want to use a UISlider to control the size of an image. As you slide the slider one way the UIImage above should grow and as you slide the other way it should shrink. The ratio should stay the same. The math should be something like slider value = width, and height = (height/width ratio) * slider value. The way I think this could be done would be by making a variable and setting that variable to the image size and then making that variable = the slider value but I am not experienced with this sort of programming and do not know where to start. I found this question but I am not sure how to implement its code. Any point in the right direction, even just a conceptual explanation so I know how to write the code, is appreciated. NOTE- I did find this answer on changing the size, so now I just need to figure out how to link that to a slider.
EDIT- Now that the code is done and working, if anyone want s to see it in action my repo is here.
I know you specified UIImage in your question, but if you're trying to adjust the size of an image displayed on screen, you would do this by modifying the image view that contains the image. In this case you would want to modify the transform property of the image view.
Start by setting the sliders min value to 0.5 and max to 1.5, and linking its value changed control event to an IBAction set up to look something like this. It will expand and contract an image view from the image view's center.
- (IBAction)sliderValueChanged:(UISlider *)sender
{
[_myImageView setTransform:CGAffineTransformMakeScale(sender.value, sender.value)];
}
Additionally, the first post your linked to if for Microsoft WPF and the code couldn't be directly converted without knowing the both relevant API's. Then the second link you provided does show how to directly change the resolution of a UIImage.
You could do something similar to what I've done above with the image view, as in reading the sliders value and formulaically setting the image's size, but I don't recommend that. The slider value changed method will be called very frequently, and may cause performance issues doing this. If you provide more details on what you're trying to do, I may be able to offer different suggestions.
I am making an interactive storybook project given these specifications:
My book has 13 pages, where 1 page = 1 swf loaded externally into the book swf. As you can see, the page swf must be centered in between the 2 buttons that are both 100x450 each. Whenever I try to load the swf, usually it's cut off at some point.
In short, how do I center my externally swf when loaded?
Make the completeHandler Function like given bellow
function completeHandler(event:Event):void{
this.container.addChild(event.target.content);
this.container.x = this.stage.stageWidth/2 - event.target.width /2;
this.container.y = this.stage.stageHeight/2 - event.target.height /2;
}
U can change this.stage.stageWidth with the center container width and apply same for width also
The advice gyandas gives is good. However, from the way you've worded your question I'm guessing you're already doing something along the lines of what he suggests. If so, you could try adding a filled shape of 520x450 as the background of each of your pages. You can set the alpha to 0 or match the background color of the book itself, but the important thing is to have some actual content of the required dimensions rather than relying on the supposed width of the SWF when centering it in another movie.
I'm not in a position to test this right now, but I seem to recall that the dimensions of a loaded SWF are calculated according to the bounding box created around actual content, and that I have resorted to doing this as a result.
This is demo slideshow:http://www.pixedelic.com/plugins/camera/. The transformation between the last two images, it makes the picture into a grid and animates it one by one. How can this be achieved?
My thought is that when there is a transformation, it will create many div elements, every div will use the same background image, and use background position, to make every div present a different area of that image, that way it looks like the image was taken apart into a grid. Just use .animate() in jQuery to make it animate or some CSS3 effect, like rotate or scale to generate the slide effect.
I do not know, is what i am thinking correct? Does anyone know the mechanism behind that effect?