I had image for Products and i want user when click on image appear image as popup with big size and save it
as
http://www.istockphoto.com/file_browse.php?exu=1&action=abstracttype&value=15&page=4
Is this what you need? (very hard to guess from your question)
ASP.NET JavaScript Image Popup Done Right
Related
We're all familiar with the "button" on a webpage. You click a button and it triggers something.
I'm wondering if it's possible to do something similar with slices of a pie, where each pie slice represents a button, and pressing the button would be the same thing as pressing an #Html.ActionLink().
I could imagine doing an image map over a flat image, and I can go that route if I have no other options, but it would be more visually appealing if the pie slices can actually be pressed in the same way that a button can.
Is such a thing possible on an MVC webpage?
you can use ImageMapster a perfect plugin for similar approaches.
here is its repository
ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash. It works just about everywhere that Javascript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids
To do what you want you could combine an image map with a separate image for each state of the "pie". You are showing a default state. You would need to create an image for each depressed state (one for each slice of the pie). The each image would show the whole pie with one or no item depressed.
Then, the best look would probably be to put them into a single image and use CSS sprites to switch the image position (which will control which image is in the viewport) based on which image map section is clicked.
I have heavy task for me.
I have simple WinPhone silverlight page, on page I have Canvas.
On Canvas I have Image control with photo.
I want that user can erase part of picture on Image control by finger (similary on erase in MS Paint).
And after change photo user can save new image.
I don't fins solution for this task.
Could you please help me?
Put another Canvas into the Canvas, overlaying the Image. Let the user draw on this new Canvas (Drawing things on a Canvas). Save the result by calling WritableBitmap.Render(parentCanvas) and SaveJpeg (Saving a WriteableBitmap).
You might need to add some Transformations to handle different Image sizes.
You could put your image inside a Grid and put an InkPresenter on top and to erase just use white ink. Here is a getStarted to use the inkpresenter : link. Finally when you want to save the result, just saved the grid using WriteableBitmap.Render and MediaLibrary.SaveJpeg to save it to the user Library.
I have a Control: Image
And I'm adding the image in a foreach, in my divContainer.
The Problem is, that there are about 100 Images. Now the website loads and at the end
when all Images were been loaded, it shows me the result!
But I want an asynchron view/result, so that I don't have to wait, till every image has been loaded, it should add the Images in front of my eyes - one after the other.
Thats the Code, which adds the Image to the Div: myDiv.Controls.Add(image);
How can I achieve this?
ASP.NET works by building up the HTML then outputting it to the browser, it won't send them one by one.
Does building the html to output really take up that much time anyway?
If its getting to the browser then the browser doesn't show all the images until each one is loaded then its the browser doing this. The browser can finish the layout of the page and start showing images if you make sure you have the height and width set on each image tag when it goes out.
I want to re-size an user input picture and want to save the resize image in a folder. Please help me to do this task
http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing this is good article for you
i am working on a project in which i have to make a webpage of photographs. In this page i have to show multiple image. User need is that when he click on any image it will zoom but that time it alsoback webpage as background.
You could change the image width and height by javascript, change its z-index so that it comes top of everything when user clicks the image. When user clicks the image second time, change its width and height to normal.
Have a look at this post.
Hope I answer youe question.
try to put invisible Div on your web page (with z-index: 1; display: none;). After Click just put zoomed image on div and make div visible.
You can use a jQuery plugin like #Abdul said. Considering the fact that is a webpage of photographs, and design is important, you should use NivoZoom or my personal favorite fancybox .