Data Controls :: Image Gallery With Viewing Extracting Printing And Deleting Capabilities
Sep 14, 2012
i have a database with several paths looking like the one below
C:S&M Site ProjectNEWSMAASitePhotos2GUY093GUY093-Tulips.jpg..
What i aim to do is load the images into a gallery control (if one exist)the users viewing the images should be able to do either of the following:
-Double click on an image to see it bigger or some large predefined size.(thats the viewing part of it)
-Select those images the want and then extract it as a single PDF file to any location on the user machine.
-print all selected images.
-Remove all selected images from the gallery as well as the image path from the database.
I have a datalist that is populated via and SqlDataSource. Code is VB
I am trying to extract two Values from the Item Templete and add them together. Then I want to add a new Label to the item template with the sum of the two added values.
I am able to to this using a GridView but no success with the datalist
I have some images gallery with listview that display images from folder (without sql table records for the images but with records to the folder name) the page display the images by the querystring (Gallery_Details.aspx?clubId=1&galleryFolder=1180120100905) the listview have pager that count 15 images for each page. Every image have a onclick command to display the image in large version
[Code]....
When the user click on image, the image display on. [Code]....
I want to add a button under the "changing" image when the user click the button (onclick) will fire a protected void event (in aspx.cs page) and the next event will done: 1) a new window will open in some size (height + width) without all the explorer tools (only url address) 2) to put in the url address the querystring + the image name for example: Newpage.aspx clubId=1&galleryFolder=1180120100905&image=imagename.jpg, i know how to get the clubId and the galleryFolder but How can i get the name of the image?
I want to make Image Gallery on label control where each row will contain 3 images. I also want to use javascript ligtbox on image click event for show the image in larger size.The Path Of the Image is stored in database.
I have a grid view that display a list of adverts that I have in the database. I was wondering if it is possible to delete an image from the database (the advet image) when I delete the row of a grid view.
When I delete the adverts how can I delete the image from the database too?
I am tring deleting the image in the gridview and in folder where it locate . My page in the update panel write a funtion to delete in the delete button event , it not working in update panel when i comment the update panel then it working properly.
I want to create Image Gallery as like facebook having different category of album photos. Like if anybody given the album name xyz so after clicking on xyz or on the image of xyz the images inside that should be opened. In this way i want to create Image gallery using albums.
I use prettyPhoto to display images from database. The images are displayed in a Repeater control with paging enabled, and with page size set to 3.
Everything works fine, the gallery loads up, I can go through pictures. But, prettyPhoto loads only 3 pictures at a time. So if I get 12 pictures from the database, I get 4 pages. So every time I have to view pictures from Page1, close the gallery, click the Next button that displays Page2 and so on.
I understand that this is happening because I set the PageSize to 3. I'm not sure how to "tell" prettyPhoto that there are actually more photos.
This is how I bind the Repeater to the datasource:
vb.net Code:
Dim Pds1 as New PagedDataSource()Pds1.DataSource = dsPictures.Tables(0).DefaultViewPds1.AllowPaging = TruePds1.CurrentPageIndex = CurrentPage Repeater3.DataSource = Pds1Repeater3.DataBind
This is the HTML for the page that uses the Repeater and gallery:
vb.net Code:
<a href = '<%#DataBinder.Eval(Container, "DataItem.newsPictureURL")%>' rel="prettyPhoto[Repeater3]" title = '<%#DataBinder.Eval(Container, "DataItem.newsPictureCaption")%><img id="icons" src = '<%#DataBinder.Eval(Container, "DataItem.newsPictureLocation")%>' alt = '<%#DataBinder.Eval(Container, "DataItem.newsPictureDesc")%>' />
As you can see, I use rel="prettyPhoto[Repeater3]" where Repeater3 is the name of the gallery, or DataSource.
I know it is hard to figure out anything with out inspecting the prettyPhoto source (jQuery).
I know a little bit of vb.net but don't know all that much about the asp.net technology. I do some volunteer work for a non profit organization and what I'm trying to do is integrate an image gallery into their site, instead of using an external image service that they use now.
After some searching I found an easy to use program that automatically creates the necessary thumbnails in a table.
However I want to add some functionality; when a user clicks an image for full size I want to add the option to click a button or link, to get to the next image.
I've done a lot of searching but couldn't find how to achieve this. I guess I need to find out the current image and then somehow jump to the next image.
How to implement this. Preferably I'm looking for something that is easy to implement. I'll have a number of different albums with a different amount of images. If possible I'd like to avoid having to rename the images so that they are photo1, photo2 etc.
Currently the image gallery looks like this : [URL] ....
I'm pretty sure I will need to make some changes to the viewimage.aspx file. Currently it only contains:
Not sure if you need to know the code that does the thumbnailing + creating clickable thumbnails, but I'll post it just in case it's needed
vb Code: <script language="c#" runat="server"> void Page_Load(Object sender, EventArgs e){ // Modify these numbers for the thumbnail size you want const int maxWidth = 200; const int maxHeight = 200; ArrayList pics = new ArrayList(); string html; int imgHeight; int imgWidth; foreach(string s in Directory.GetFiles(Server.MapPath(""), "*.jpg")){ System.Drawing.Image currentImage = System.Drawing.Image.FromFile(s);
[Code] ....
I got the code from here: [URL] ....
but the contact button doesn't work, otherwise I would have contacted the original author.
I am working with ASP.net project.Here I have loaded images into a grid.My issue is when i am clicking on a particular image in the gridview, it should shown as big image,how it is possible.