Slideshow Generator : The Official Microsoft ASP.NET Forums

Reply

_Stefan_

0 Points

15 Posts

Slideshow Generator

Dec 03, 2012 03:18 PM|LINK

Hi,

I am very new to ASP.NET etc, so please overlook some mistakes.

I am trying to create an Slideshow-Generator. This means, a web project that consists of two parts. In the first "creating" mode the user should be able to choose some images and sounds, rearrange them via drag & drop, configure time periods for each picture/sound. It should be possible to choose a transition effect between the pictures. After configure everything the user can switch to the viewing mode. Here should be shown the typical slideshow and the sounds/songs should be played.

The Slideshow should be saved in the database.

ASP.NET and AJAX technologies should be used very often as long as it makes sence. jQuery will be a part too. I want to focus on this parts to get used to it.

The problem: I dont know how to start. For the viewing part there are a lot of examples, but for the "creating" part I cannot find something how I could do that in a good and recommended way...

Could you give me some hints? Some websites for the creating part, some controls, examples, ideas how it could be done?

Thank you very much!

Stefan

Reply

chetan.sarod...

All-Star

65749 Points

11148 Posts

Re: Slideshow Generator

Dec 04, 2012 02:53 AM|LINK

Refer this

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/SlideShow/SlideShow.aspx and http://www.asp.net/ajaxlibrary/act_SlideShow.ashx

Chetan Sarode
Senior Software Engineer,
Approva Systems Pvt Ltd, Pune, India.

Reply

vijay_myl

Contributor

5070 Points

1068 Posts

Re: Slideshow Generator

Dec 04, 2012 03:03 AM|LINK

Hi..

refer te below link to show slideshow from database......

http://www.dotnetcode.in/2011/07/how-to-slideshow-images-from-database.html

If the post is useful don't forget to MARK as Answer
My .NET blog
Submit Article

Reply

raju_mab

Member

559 Points

110 Posts

Re: Slideshow Generator

Dec 04, 2012 03:14 AM|LINK

Try this one...

http://yasserzaid.wordpress.com/2009/05/13/ajax-modal-popup-with-ajax-slide-show/

http://forums.asp.net/t/1859973.aspx/1?Ajax+slide+show+extender+in+popup+window

Raju Dutta.

Reply

_Stefan_

0 Points

15 Posts

Re: Slideshow Generator

Dec 04, 2012 01:09 PM|LINK

Hey,

thank you all very much for your response.

There are some nice things. My biggest problem is this:

The user should be able to choose a directory. According to this directory, all allowed formats (pictures and songs) are listed in a kind of frame or something. Via drag and drop the user should be able to drag pictures/songs of this area to the actual slideshow. Here in the slideshow he can rearrange everything.

Layout:

----------------------------------------------------------------------
| chosen directory    | Slideshow area with music and pics   |
------------------------|                                                       |
| all pics                  |                                                       |
------------------------|                                                       |
| all songs               |                                                       |
---------------------------------------------------------------------

The areas "all pics" and "all songs" should display the allowed files of a specific client folder. Songs and pics of the "all songs" and "all pics" area should be dragable to the slideshow area.

Any suggestions?
And sorry again, I am very new there so I just dont see, you to start here. With some ideas I will manages this. ;)

Thanks again!

Stefan

Reply

Song-Tian - ...

All-Star

43697 Points

4304 Posts

Microsoft

Re: Slideshow Generator

Dec 07, 2012 07:09 AM|LINK

Hi,

Maybe the below example will help you:

Aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SlideShowExtender.aspx.cs" Inherits="SlideShowExtender" %>


<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        Normal<hr />
<asp:Image ID="Image1" runat="server" Height="300" Style="border: 1px solid black;
    width: auto;" ImageUrl="images/Blue hills.jpg" AlternateText="Blue Hills image" />
<br />
<br />
<asp:Button runat="Server" ID="prevButton" Text="Prev" Font-Size="Larger" />
<asp:Button runat="Server" ID="playButton" Text="Play" Font-Size="Larger" />
<asp:Button runat="Server" ID="nextButton" Text="Next" Font-Size="Larger" />
<asp:SlideShowExtender ID="slideshowextend1" runat="server" TargetControlID="Image1"
    SlideShowServiceMethod="GetSlidesnormal" AutoPlay="true" NextButtonID="nextButton"
    PlayButtonText="Play" StopButtonText="Stop" PreviousButtonID="prevButton" PlayButtonID="playButton"
    Loop="true" SlideShowServicePath="~/SlideShowService.asmx"/>
<br />
<br />
Random<hr />
<asp:Image ID="Image2" runat="server" Height="300" Style="border: 1px solid black;
    width: auto;" ImageUrl="images/Blue hills.jpg" AlternateText="Blue Hills image" />
<br />
<br />
<asp:Button runat="Server" ID="prevButton2" Text="Prev" Font-Size="Larger" />
<asp:Button runat="Server" ID="playButton2" Text="Play" Font-Size="Larger" />
<asp:Button runat="Server" ID="nextButton2" Text="Next" Font-Size="Larger" />
<asp:SlideShowExtender ID="SlideShowExtender1" runat="server" TargetControlID="Image2"
    SlideShowServiceMethod="GetSlides" AutoPlay="true" NextButtonID="nextButton2"
    PlayButtonText="Play" StopButtonText="Stop" PreviousButtonID="prevButton2" PlayButtonID="playButton2"
    Loop="true" SlideShowServicePath="~/SlideShowService.asmx"/>
    </div>
    </form>
</body>
</html>

SlideShowService.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

/// <summary>
/// Summary description for SlideShowService
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.Web.Script.Services.ScriptService]
public class SlideShowService : System.Web.Services.WebService {

    [WebMethod]
    //normal slideshow
    public AjaxControlToolkit.Slide[] GetSlidesnormal()
    {
        return new AjaxControlToolkit.Slide[] { 
            new AjaxControlToolkit.Slide("images/Blue hills.jpg", "Blue Hills", "Go Blue"),
            new AjaxControlToolkit.Slide("images/Sunset.jpg", "Sunset", "Setting sun"),
            new AjaxControlToolkit.Slide("images/Winter.jpg", "Winter", "Wintery..."),
            new AjaxControlToolkit.Slide("images/Water lilies.jpg", "Water lillies", "Lillies in the water"),
            new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "Sedona", "Portrait style picture")};
    }

    [WebMethod]
    //randomized slideshow
    public AjaxControlToolkit.Slide[] GetSlides()
    {
        AjaxControlToolkit.Slide[] mySlide=new AjaxControlToolkit.Slide[]
        {
           
            new AjaxControlToolkit.Slide("images/Blue hills.jpg", "Blue Hills", "Go Blue"),
            new AjaxControlToolkit.Slide("images/Sunset.jpg", "Sunset", "Setting sun"),
            new AjaxControlToolkit.Slide("images/Winter.jpg", "Winter", "Wintery..."),
            new AjaxControlToolkit.Slide("images/Water lilies.jpg", "Water lillies", "Lillies in the water"),
            new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "Sedona", "Portrait style picture")
         };
        // Randomize the elements of the Array
        Random random = new Random();

        if (mySlide.Length > 1)
        {
            for (int i = mySlide.Length - 1; i >= 0; i--)
            {
                AjaxControlToolkit.Slide tmp = mySlide[i];
                int randomIndex = random.Next(i + 1);
                

                //Swap elements
                mySlide[i] = mySlide[randomIndex];
                mySlide[randomIndex] = tmp;
            }
        }

        return mySlide;

    }
    
}

Please mark the replies as answers if they help or unmark if not.
Feedback to us

Develop and promote your apps in Windows Store

Edited by Song-Tian - MSFT on Dec 11, 2012 04:49 AM
Edited by _Stefan_ on Dec 20, 2012 02:46 PM
Marked as answer by Song-Tian - MSFT on Dec 25, 2012 08:54 AM

Reply

_Stefan_

0 Points

15 Posts

Re: Slideshow Generator

Dec 17, 2012 12:39 PM|LINK

Hi,

sorry for the late response, I was not able the last days to work on this project.

I will try it and will give you a response. Thank you very much!

Stefan

Reply

_Stefan_

0 Points

15 Posts

Re: Slideshow Generator

Dec 17, 2012 09:54 PM|LINK

Hmm, sorry, maybe a stupid question but how can I use this if my image files are stored in the database?

Reply

_Stefan_

0 Points

15 Posts

Re: Slideshow Generator

Dec 20, 2012 02:50 PM|LINK

Hello,

thank you very much, I tried this and everything is working fine.
But I switched because of a nicer layout to http://rhinoslider.com/. Thats a very nice pice of code!

My problem at the moment is the editing mode.

How can I design and develop areas where I see my uploaded files and drag them (or for the first step select them) to the main area. In the main area I want to rearrage the pics and music and define the time periods for them.

Any ideas how I can get this done? which controls or other technologies could help me?

Thank you very much!
Stefan

Slideshow Generator RSS

8 replies

_Stefan_

Slideshow Generator

chetan.sarod...

Re: Slideshow Generator

vijay_myl

Re: Slideshow Generator

raju_mab

Re: Slideshow Generator

_Stefan_

Re: Slideshow Generator

Song-Tian - ...

Re: Slideshow Generator

_Stefan_

Re: Slideshow Generator

_Stefan_

Re: Slideshow Generator

_Stefan_

Re: Slideshow Generator

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft